Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

The ability to control opening direction of date element#413

Unanswered
hibasalem asked this question inQuestions
Discussion options

Hi

i am trying to find a way to control the direction in which the date elements open, or alternatively make it open to the top if there is not enough space to open to the bottom

I have triedopenDirection similar to select element but it haven't worked

currently, the user has to scroll down after expanding the date picker if the date field is at the end to be able to see it which is not a good UX

date.field.webm
You must be logged in to vote

Replies: 1 comment 2 replies

Comment options

@adamberecz , is there any solution for this issue

You must be logged in to vote
2 replies
@adamberecz
Comment options

Vueform's datepicker is using flatpickr under the hood. It has apositionoption that can be set viaextendOptions, but Vueformdoesn't include CSS for this option (not yet implemented). So if this is something you'd like to use you have to add the CSS for this on your own.Here's the existing CSS of the date element invueform theme and [here] is (https://github.com/vueform/vueform/blob/main/themes/tailwind/templates/wrappers/DatepickerWrapper.vue#L11) fortailwind. Those could be starting points.

@hibasalem
Comment options

is there more details to how / were start adding this ?

Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Category
Questions
Labels
None yet
2 participants
@hibasalem@adamberecz
[8]ページ先頭
©2009-2025 Movatter.jp