fix: modals positions once again

[yshwaker]

fixes #5162

Getting the width of editor from textarea element is not reliable sometimes, especially when there are code blocks in it.

This pr tries to fix the position by getting the width from .editor-wrapper. iirc, the element with this class represent the current active block area and it seems to be unique which should be safe to get the editor width(I Hope).

[llcc]

Thanks @yshwaker. Glad that you fixed this issue. Great!

[cnrpman]

LGTM

[logseq-cldwalker]

Sorry. I merged in #5193 and didn't see that this PR also solves a similar issue. Does this PR fix any other bugs that the other PR doesn't solve? If not, I'm be inclined to stick with that solution

[yshwaker]

@logseq-cldwalker it fixed the same issue, but i'm not sure if the added ls-textarea is necessary. they are both quick fix, but ultimately i feel using query selector to get a dom element in React is kind of weird since it makes the modal component not self contained. it seems the right way to do is passing a ref prop to the absolute-modal, and have some safety check in it.

[pengx17]

Oops, sorry I didn't notice that you created this PR earlier and I agree your solution is cleaner than mine.

[yshwaker]

@pengx17 no worries.

[logseq-cldwalker]

@yshwaker Sounds good. If you can update the conflict, we can test it again

[yshwaker]

@logseq-cldwalker sorry for the late reply. just resolved the conflict.

[logseq-cldwalker]

@yshwaker Works great! Thanks for the fix 🐛 ⚡