You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm using the ark combobox inside a prosemirror node-view (it's a feature prosemirror has for embedding custom UI in a rich document).
There's a problem in that prosemirror watches for dom mutations, and the combobox seems to do lots of mutations outside of it's root element when opening the menu. I can see them in devtools. Prosemirror thinks these are document edits and re-renders the document. This resets the node-view and hence discards and re-renders the combobox, so nothing ever opens.
In the combobox example in the docs, I can see in devtools lots of aria-hidden="true" get added. However when I inspect my app, it doesn't add these - but devtools flashes all sorts of elements as if they have been modified.
Is there a way to prevent these mutations? The only thing I can see is the disableLayer prop and that hasn't helped.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I'm using the ark combobox inside a prosemirror node-view (it's a feature prosemirror has for embedding custom UI in a rich document).
There's a problem in that prosemirror watches for dom mutations, and the combobox seems to do lots of mutations outside of it's root element when opening the menu. I can see them in devtools. Prosemirror thinks these are document edits and re-renders the document. This resets the node-view and hence discards and re-renders the combobox, so nothing ever opens.
In the combobox example in the docs, I can see in devtools lots of aria-hidden="true" get added. However when I inspect my app, it doesn't add these - but devtools flashes all sorts of elements as if they have been modified.
Is there a way to prevent these mutations? The only thing I can see is the
disableLayer
prop and that hasn't helped.Thanks : )
Beta Was this translation helpful? Give feedback.
All reactions