Usage creates a classless div with 'data-overlay-container' attribute.

[MARCA-Charlie]

I am using in Next.JS, the div stops children growing to their parent's height and width. As the div is classless it is hard to target with styles to overcome this.

Please see screenshot for context.

[MARCA-Charlie]

e.g. the highlighted account container should grow to the height of website layout main div, but it cannot because of the next ui div in between.

[bsouthga]

You can select this element using an attribute selector (https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors)

[data-overlay-container=true] {
  height: 100%;
  width: 100%;
}

[Enalmada]

This still appears to be an issue in 0.0.0-dev-v2-20230719131057. It would be helpful for new users if this was fixed or a note added to the installation instructions.

[callum-gander]

Still an issue almost a year on, would be great to do the suggested above

[jrgarciadev]

https://github.com/nextui-org/nextui/pull/1513/files#diff-3980adffb068ab5925d2a958feb60542ba10b480bd38e9d1218abdd917b5d73a You can pass any props including style/className to the provider

This was tackle a couple week ago

[ckatala]

Is this how it should be? For example, when I open popover, everything freezes terribly.

[Dilettante258]

The problem that has been bothering me for a long time😡