Web: Fix IME blocking controls

[anniryynanen]

Fixes #93996.

[bruvzg]

40px probably is an overkill, but it should fit font size (which 1px), it's probably better to have a few extra pixels (maybe 5px), also make sure it is tested in both Firefox and Chromium, they have quite different behaviour.

I guess width can block controls as well, but I'm not sure what's the best solution, it should be big enough to not break the line (or suggestion window will be misaligned), maybe something like pointer-events: none; will work to make it click through.

[anniryynanen]

40px probably is an overkill, but it should fit font size (which 1px), it's probably better to have a few extra pixels (maybe 5px), also make sure it is tested in both Firefox and Chromium, they have quite different behaviour.

I've tested this in Windows with Firefox and Chrome, and 2 px seems to be enough. I can reproduce the earlier Windows Chrome issue and this didn't make it reappear. I hope 2 px is enough, 5 could make it clip noticeably with the tops of things below. Or maybe I'm just a hitarea perfectionist.

[anniryynanen]

Then again, if things are scaled maybe 2 px isn't enough... I'll make it 5 px just to be safe.

[anniryynanen]

Setting pointer events to none works too, that should be even safer.

[akien-mga]

Thanks!