I have a date time picker inside a floating group. My problem is that if you scroll the date picker scrolls with the page and does not stay inside the floating group. Does anyone now how to fix this or know of a plugin that works well with a floating group?
Oh wow! That is so wonky… do you have to have it in a floating group?
I do have it in a floating group. Support replied back saying that it is a know thing and to reach out the forum to see if anyone has figured out how to put the date picker into this kind of group.
Hmm… though one, I don’t have any ideas off the top of my head, @mikeloc any ideas?
Sorry, but I have no idea what I’m even looking at there. What is in a floating group? Everything in the screenshot or just the date/time picker? I’m sure it’s not the latter, right?
Everything in the screenshot is in a floating group. To the left of this group is a scrollable list of items and I need the details to stay in the same spot at all times. Any scrolling of the page gives this effect.
One would think that they would make the picker relative to the input field.
This should fix it:
<style>
.picker {
position: fixed !important;
}
</style>
I am new to Bubble.io and really any type of web application building. So please forgive me if this is easy. But how would I go about implementing this solution. And thank you so much for replying! I want to try this out.
Just add an html element to your page, and copy and paste the html/css below:
<style>
.picker {
position: fixed !important;
}
</style>
That fixed it!!! Thank you so much!
@thomasbostwick, do Bubble support a favor and send them a link to Adam’s solution.
Will do!