Polypane syncs most interactions between all panes.
Hover and click interactions are synchronised between panes. This means you will see the hover effect in each pane, and click interactions that trigger focus or open a menu are applied everywhere.
The hover synchronisation can not fully simulate a mouse hover, so there are rules that are not applied: CSS rules that change child or pseudo elements of hovered elements are currently not applied, and thus won't be shown.
Mouse clicks are fully simulated. This means that any mouse-triggered focus is also applied on all panes. Due to the asynchronous nature, your focus will probably shift from the current pane when interacting with forms.
Key presses are synchronised between panes, so that any shortcuts you may have on a page will be triggered in all panes.
The scroll position in panes is synced automatically, and you can toggle it on and off using the button in the address bar or by pressing
Interacting with forms is synced between panes. Anything typed into an input or textarea or any selection made in a select, radio or checkbox is automatically applied in the other panes too.
Is your question not answered?
Ask via Twitter, Slack or our contact form
The browser for developers and designers building amazing sites and web apps.Try for free