Comments (2)
im having this problem too. Is this already fixed? or any alternative way to do the correct ways?
from flowbite-datepicker.
The code below is not the fix but my temporary solution. (datepicker.js)
From:
elementClass === 'dropdown' ? element.classList.add('dropdown', 'absolute', 'top-0', 'left-0', 'z-50', 'pt-2') : null;
To:
elementClass === 'dropdown' ? element.classList.add('dropdown', 'absolute', 'z-50', 'pt-2') : null;
In addition, when clicking or focusing, you can scroll to the datepicker with the following code.
function onFocus(datepicker) {
if (datepicker.config.showOnFocus && !datepicker._showing) {
datepicker.show();
// ↓↓↓
datepicker.picker.element.scrollIntoView({
behavior: 'smooth'
});
}
}
function onClickInput(datepicker, ev) {
const el = ev.target;
if (!el._clicking) {
return;
}
clearTimeout(el._clicking);
delete el._clicking;
if (el._active) {
datepicker.enterEditMode();
}
delete el._active;
if (datepicker.config.showOnClick) {
datepicker.show();
// ↓↓↓
datepicker.picker.element.scrollIntoView({
behavior: 'smooth'
});
}
}
from flowbite-datepicker.
Related Issues (20)
- Is this project still alive?
- How to get the selected date using vanilla js HOT 3
- AutoHide does not work, possibly a typo in Picker.js - version: 1.2.2
- How can i add flowbite-datepicker in nuxt3 HOT 2
- DateRangePicker doesn't seem to work in React/NextJS HOT 2
- No typescript HOT 3
- Firing change event HOT 2
- DateRangePicker on Laravel Vue Not Setting Value to Vue Model HOT 1
- When using importmap in rails7, datepicker does not work in dark mode. HOT 2
- Using Locals without NPM
- Setting options when using Livewire HOT 1
- When using `todayHighlight` today isn't highlighted when going from selecting today to some other date
- datesDisable option not working? HOT 2
- Make number of week rows dynamic, 5 vs. 6 week rows
- Close not working using Rails 7 import maps and turbo version
- Documentation - options are not listed HOT 1
- [Date Range Picker] inline support HOT 1
- [Date Range PIcker] Bad UX
- No disabled styling for out of range dates
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 flowbite-datepicker.