🐛 Bug Fixes
- Popover no longer overflows or mis-positions with wide content (#44). The tour popover dropdown now has a default
max-widthof400px, so wide or non-wrapping content (images, code blocks, fixed-width layouts) stays inside the viewport instead of overflowing. This previously also madepositionlook broken — an unconstrained dropdown, combined with the tour'soverflow-x: hidden, got clipped off the left edge regardless of thepositionvalue. The cap is applied as a CSS class, so it survives consumerpopoverProps.styles.dropdownoverrides of other properties; override it withpopoverProps.styles.dropdown.maxWidth(or size below it withpopoverProps.width). - Step-level popover config no longer discards tour-level settings. Tour-level and step-level
focusRevealProps.popoverProps/overlayPropsare now deep-merged, so a step that defines its ownpopoverPropskeeps the tour-level popover configuration instead of replacing it.
⚡ Improvements
- Consistent popover positioning across Mantine versions (#41). The tour now sets
preventPositionChangeWhenVisible: falsein its defaultpopoverProps, so the popover keeps flipping and shifting while a step is visible — restoring the pre-9.3 behavior. Mantine 9.3 flipped thePopoverdefault totrue(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
preventPositionChangeWhenVisiblein 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
Full Changelog: 4.0.7...4.0.8