refs https://ghost.slack.com/archives/C02G9E68C/p1660323308235919
- When opening and closing a popup very fast, it will stay in DOM, blocking all pointer events.
- The Headless UI component <Transition show={show}> is not removed from DOM when show is set to true, and false very fast
- Fixed this by forcing a popup to get removed from DOM after 250ms after is has been closed.
- Updated HeadlessUI version
- Moved testing packges to dev dependencies
no issue
- Instead of an iframe tag, we use the shadow DOM to separate CSS.
- The CSS is fully isolated, except for inherited properties. To fix that, we needed to add `:host { all: initial; }` to the CSS.