Is there anyway to overrule the CSS rule for overflow on the popup element?
Added ID to popup and css with !important, however the popup has overflow set on auto with inline which will always overrule anything set in css.
Any ideas?
The problem:
It should be like bellow:
There are ways and it is finicky…takes playing around with all the settings of all the elements as they interact with each other…and it is possible that the overflow is not on the popup but a child element that may contain all other elements. But, with or without custom CSS you can make a popup not scrollable.
Hi boston,
The custom css doesn’t work as the popups come with inline style set as overflow: auto which cannot be overruled with setting css against ID.
Possibly…but either way, there is something wrong with your setup as the default behavior is that the popup will not have a scroll bar applied so long as you set things up properly
In the popup the repeating group gets the scrollbar and not the popup. As mentioned, it is finicky and takes some time to play with things to get the correct setup, but with or without custom css it is possible to make sure the popup does not have a scrollbar.
Below is me using custom CSS to force a scrollbar…so it still seems to me that you can use custom CSS to ‘overrule’ the settings by Bubble
Hi Boston,
The 2nd element hidden behind the popup is plugin for phone input.
As I wrote the problem is that bubble natively sets the inline CSS on the popups which would overwrite any custom CSS.
Thanks for help, but that’s not a solution I was looking for.
Thanks,
Rob
