Create Link and highlight functionality

[jakkub21]

Hey

im trying to use React Semantic UI component Modal to implement form with mdx editor.

As you can see on the screen below i got this situation where "highlight" box is out of his alignment and also dialog box for editing/creating links:

I was wondering if there is anyone that was using Semantic UI with this package. I tried mdx-editor outside of semantic ui modal component and its working properly... so i would say its something to do with positioning.

Is there any way to handle alignment with custom functionality? Or is there any workaround?

I had problem with z-index and those dialog boxes were not even rendered in Semantic UI modal... but i handled it by using css:

._popupContainer_yms4a_1220 {
    z-index: 1901 !important;
}

.modal .content ._linkDialogAnchor_yms4a_586 {
    z-index: 1900 !important;
}

[petyosi]

I have no idea. Given that it's Semantic UI breaking the editor (and not the other way around), I would recommend bringing this to the Semantic UI community.

[jakkub21]

I managed to fix it, if anyone has the same problem: https://github.com/Semantic-Org/Semantic-UI-React/issues/4486#issuecomment-2217777635