wa-split-panel Issue with PDF

[elmozes]

Hello everyone,
I have encountered an issue when using the wa-split-panel component with a PDF displayed on one of the panel sides. When the mouse enters the PDF area, certain PDF-related events block the split functionality, preventing the panel from resizing properly.

For testing purposes, when we disable PDF events using the following code:

embed, iframe {
pointer-events: none;
}

the split resizing functionality returns to its normal behavior.

Screen.Recording.2025-10-09.at.14.55.33.mov

[claviska]

This happens with iframes because the document "steals" the interactions. If you don't want the iframe to be interactive, you can add the inert attribute to it and everything will work as expected.

If you do want it interactive, you'll need to do something like this:

https://codepen.io/claviska/pen/VYezEzj?editors=1000

This demo makes the iframe inert when the split panel repositions and removes the attribute when you stop dragging.

I'd consider this a stopgap. We can probably bake something like this into the component using an invisible overlay to prevent interactions so users don't have to jump through hoops in the future.