Popover in scrollable container #7953
-
|
When using the As of today, the Here is a very basic example. My intention is that overflow: hidden is set on the <html>
// Rest of page content
<ScrollableContainer>
<Popover>
.....
</Popover>
</ScrollableContainer>
</html> |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 8 replies
-
|
Does your popover have an underlay? You could use that to block the scrolling. Otherwise, maybe a running example in codesandbox or stackblitz could help, I'm not sure how the Popover is inside the ScrollableContainer, they are portalled out to be under the body. |
Beta Was this translation helpful? Give feedback.
-
|
I don't think you need to change the overflow of the Drawer. RAC's Popover renders an underlay over everything in the background, do you have a z-index on your drawer which is putting it over the underlay? This would be easier for me to assist if there was a codesandbox or stackblitz reproduction. |
Beta Was this translation helpful? Give feedback.
-
|
As I was trying to put together a Stackblitz, I think I identified the issue, we were adding a In this example, you can scroll to the bottom of the drawer, open the popover, and attempt to scroll within the Drawer. You might have to resize your window. Please disregard the rough styling. 
|
Beta Was this translation helpful? Give feedback.
-
|
Thank you for putting that together. We typically use |
Beta Was this translation helpful? Give feedback.
-
|
Yes we have it working by removing the So you put |
Beta Was this translation helpful? Give feedback.
-
|
Typically we apply it on the RAC Popover, though I just found this, where apparently we do deal with an incoming zIndex from a default style somewhere |
Beta Was this translation helpful? Give feedback.
Does your popover have an underlay? You could use that to block the scrolling.
Otherwise, maybe a running example in codesandbox or stackblitz could help, I'm not sure how the Popover is inside the ScrollableContainer, they are portalled out to be under the body.