[I Have Solution] On iPadOS with a physical keyboard, certain input methods in the editor using codemirror may shift upward about codemirror5 HOT 8 OPEN

It looks like there is already code that either sets a large width or turns of wrapping.

    // The textarea is kept positioned near the cursor to prevent the
    // fact that it'll be scrolled into view on input from scrolling
    // our fake cursor out of view. On webkit, when wrap=off, paste is
    // very slow. So make the area wide instead.
    if (webkit) { te.style.width = "1000px"; }
    else { te.setAttribute("wrap", "off"); }

Yet the textarea in your screenshot seems to have neither. Why?

from codemirror5.

Oh maybe that's because the editor used old version of codemirror.

Thanks for your instruction.

from codemirror5.

Oh maybe that's because the editor used old version of codemirror.

Thanks for your instruction.

Oh no, I've checked the version, the editor used 5.63.1 which has the code you mentioned too.

from codemirror5.

I don't know if it's because of iPadOS 16. Both Safari and Firefox has this problem.

I can provide the editor and my project if you need.

from codemirror5.

The code I pasted should run for every hidden textarea created by the editor. You'll have to debug how, in your case, it ends up creating a textarea with neither a width nor a wrap attribute.

from codemirror5.

webkit is true, so the problem is why width is not 1000px.

I'll keep on trying.

from codemirror5.

Oh, here, in TextareaInput.js, it set ios device to 0px.

from codemirror5.

And I've tried setting width to 1000px, it works fine too.

So both width: 1000px; and white-space: nowrap; works fine.

from codemirror5.