In the Step-by-Step Booking Form 2.0, when selecting the date, time and duration of the appointment, the drop-down lists (Popper) go beyond the container.
There maybe is a way to solve this, but it can create a different issue. In some cases, where the list of options is too big, solving this will cause the drop-down to be completely hidden because the drop-down doesn't affect the scroll.
The safest option here would be to leave it as it is because all options will always be available whereas, if we modify it, it could cause something like this:
I actually can't replicate the same behavior. It is similar, but not the same. This is when the form is scrolled down, so the month picker has no way to go but up:
And this is when I scroll through the form:
It goes over the form, not above it.
Can you please share the page where this is happening, so I can take a look?
Oh, OK, Alexander, you're right - I can replicate the behavior by changing the number of time slots offered.
I'll check with our developers if they can fix it for one of our upcoming updates. At the moment, it needs to stay like this.
Alternatively, we can try with a custom CSS solution as mentioned in my initial response, but if it hides the dropdowns altogether, it will most likely need to be removed.
Just let me know if you want to try this, so I can reach out to our developers and have them send you the custom CSS.
In the Step-by-Step Booking Form 2.0, when selecting the date, time and duration of the appointment, the drop-down lists (Popper) go beyond the container.
Attached files: 1.png
2.png
4.png
5.png
Hello Alexander.
There maybe is a way to solve this, but it can create a different issue. In some cases, where the list of options is too big, solving this will cause the drop-down to be completely hidden because the drop-down doesn't affect the scroll.
The safest option here would be to leave it as it is because all options will always be available whereas, if we modify it, it could cause something like this:
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
I see. But on my screenshot.png it looks very bad.
Maybe lets close Poppers when user scroll.
Or for example fit Poppers in this container from screenshot-2.png.
Maybe let developers to set this optionaly.
Attached files: screenshot.png
screenshot-2.png
Hi again Alexander.
I actually can't replicate the same behavior. It is similar, but not the same. This is when the form is scrolled down, so the month picker has no way to go but up:
And this is when I scroll through the form:
It goes over the form, not above it.
Can you please share the page where this is happening, so I can take a look?
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Oh, OK, Alexander, you're right - I can replicate the behavior by changing the number of time slots offered.
I'll check with our developers if they can fix it for one of our upcoming updates. At the moment, it needs to stay like this.
Alternatively, we can try with a custom CSS solution as mentioned in my initial response, but if it hides the dropdowns altogether, it will most likely need to be removed.
Just let me know if you want to try this, so I can reach out to our developers and have them send you the custom CSS.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables