Plate ui components like link-floating-toolbar, image or table don't work correctly inside iframe #3847
dp-arhipov
started this conversation in
Feature Requests
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Description
Such components like link floating toolbar where you can edit link and its text, image resize, table resize don't work properly.
I fixed some radix components like popover, tooltips and menus that uses portals to render, passing iframe document as a prop inside them like this
But i don't understand, how to fix elements like link-floating-toolbar, because they don't use portals and i didn't find any setting like container or root prop, where i can pass the iframe.document to configure this elements.
I think it will be a good idea to pass iframe context in Editor settings or somewhere else but in one place
Reproduction URL
No response
Reproduction steps
1. Install basic editor and its components with this command npx shadcx@latest add plate/editor-ai inside vite (6.0.2) environment 2. Wrap editor with iframe, pass styles correctly inside it 3. Try to insert or edit link with floating toolbar, to resize image or a table 4. This actions will not work properly, links will be uneditable and you will not be able to close the editing floating window, images and tables will resize but with a huge lag
Plate version
40.2.9
Slate React version
0.110.2
Screenshots
No response
Logs
No response
Browsers
Chrome
Beta Was this translation helpful? Give feedback.
All reactions