You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The resize observer logic is rewritten to no longer require wrapper elements like [data-rsbs-footer-padding]. If you're not using custom CSS and are simply importing react-spring-bottom-sheet/dist/style.css in your app then this isn't a breaking change for you.
If you're using custom CSS, here's the breaking changes:
[data-rsbs-header-padding] removed, update selectors to [data-rsbs-header]
[data-rsbs-content-padding] removed, update selectors to [data-rsbs-scroll]
[data-rsbs-footer-padding] removed, update selectors to [data-rsbs-footer]
[data-rsbs-antigap] removed, update selectors to [data-rsbs-root]:after and make sure to add content: '';.
[data-rsbs-content] is changed, update selectors to [data-rsbs-scroll].
The <div style="overflow:hidden;"> wrapper that used to be between [data-rsbs-content] and [data-rsbs-content-padding] is now within [data-rsbs-scroll], and no longer hardcode overflow: hidden, add [data-rsbs-content] { overflow: hidden; } to your CSS.