Headless v2 makes resizeObserver mandatory for testing about headlessui HOT 2 CLOSED

Hey!

The good news is that ResizeObserver has been around for years now and it's available in all major browsers. Unfortunately, it's not available in jsdom yet (jsdom/jsdom#3368), which is why you are seeing these issues.

You can do a few things:

1. Use the polyfill you have, it's currently not used for something super critical (used to know when a button moved due to scroll or tab) and you likely won't see a change in the tests, so it's safe to polyfill.
2. Use the real polyfill:

import ResizeObserver from 'resize-observer-polyfill'
global.ResizeObserver = ResizeObserver

3. Try to use tests against a real browser instead using something like Playwright.

So going to close this for now because I don't consider this a bug of Headless UI. If we rely on new features of JavaScript that aren't available in major browsers we will make sure to polyfill them internally.

Hope this helps!

from headlessui.

To make it clear, I don't think this is a bug of Headless UI too. It's a bug in the v2 docs, which don't mention this.

from headlessui.