Skip to content

4.0.8

Latest

Choose a tag to compare

@gfazioli gfazioli released this 12 Jul 04:52
Immutable release. Only release title and notes can be modified.

🐛 Bug Fixes

  • Popover no longer overflows or mis-positions with wide content (#44). The tour popover dropdown now has a default max-width of 400px, so wide or non-wrapping content (images, code blocks, fixed-width layouts) stays inside the viewport instead of overflowing. This previously also made position look broken — an unconstrained dropdown, combined with the tour's overflow-x: hidden, got clipped off the left edge regardless of the position value. The cap is applied as a CSS class, so it survives consumer popoverProps.styles.dropdown overrides of other properties; override it with popoverProps.styles.dropdown.maxWidth (or size below it with popoverProps.width).
  • Step-level popover config no longer discards tour-level settings. Tour-level and step-level focusRevealProps.popoverProps / overlayProps are now deep-merged, so a step that defines its own popoverProps keeps the tour-level popover configuration instead of replacing it.

⚡ Improvements

  • Consistent popover positioning across Mantine versions (#41). The tour now sets preventPositionChangeWhenVisible: false in its default popoverProps, so the popover keeps flipping and shifting while a step is visible — restoring the pre-9.3 behavior. Mantine 9.3 flipped the Popover default to true (which pins the side on open); the tour scrolls targets around and relies on live re-positioning. Consumers can opt back in per tour or per step.

🛠️ Other

  • New Popover width documentation section with a runnable demo; documented preventPositionChangeWhenVisible in Scroll Behavior.

📝 Summary

This release hardens the tour popover's width and positioning defaults. Wide content now stays capped at 400px and on-screen (fixing both the overflow and the apparent position breakage it caused); per-step popover configuration no longer drops tour-level settings; and the popover keeps re-positioning while a step is visible regardless of the installed Mantine version. Resolves #44 and #41.


What's Changed

  • fix: onboarding tour popover width cap + positioning defaults (#44, #41) by @gfazioli in #46

Full Changelog: 4.0.7...4.0.8