Comments (5)
I think it would be so good if you can provide a prop on size (e.g. xs, md, lg based on bootstrap standards, or even exact size: 12, 24, 36, etc.) to provide a better look at mobiles, or when this control placed at top of the page and calendar drops up (and part of control hides. like at screenshot). this issue occurs even in screens (not only mobiles).
Many thanks
from react-datepicker2.
@alidehghan
It is a good idea, I'll work on it over the weekend.
from react-datepicker2.
I guess it is related to tether config
from react-datepicker2.
@alidehghan I think so.
I think managing the keyboard display on mobile screens is the first step.
from react-datepicker2.
Hi, I still face some issue with the tether element falls out of the window even in desktop mode.
https://pasteboard.co/JCBXGQF.png
I look at some of the code and tether document and I check out the constraint property of tether component with attachment defined as together
Constraints allow you to control what happens when the tethered element would have to fall outside of a defined region to maintain the attachment.
You might want to allow the element to change its attachment, if doing so would keep more of it within its assigned region
By adding the pin option as true we can have the element more visible than going off-screen like this, I see this problem a lot in my new project cause I have many date inputs, at least I suggest adding this as an option.
bitwise I can add this as a pull request.
from react-datepicker2.
Related Issues (20)
- is it possible to pick multiple dates? HOT 2
- tether element falls out of the window even in desktop mode.
- Minutes dropdown in Time picker in (1,2,3,4,5,...,59,60) format
- Problem with pages without scrolling
- max property not working correctly HOT 2
- How can I set tabIndex for datepicker HOT 1
- Is There any disable option HOT 1
- two calendar
- Close the calendar when you press the Tab or Enter key
- masked input
- onMonthChange trigger when defaultMonth is set
- how can I change value from outside of the calendar? HOT 1
- 1400 problem on ios
- Clear the input HOT 3
- please add an ability to remove auto compilation
- Legacy context API warning
- want it for Pashto Language
- TypeError: Cannot read property 'object' of undefined
- × TypeError: Cannot read property 'body' of undefined
- goes off the screen frame
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-datepicker2.