Injected <iframe> for resize handler take up space

[iacore]

Describe the bug

Related to #4752

The inserted <iframe> has "height: 100%", which takes up more space than necessary. This will make an fixed sized element with scroll bar look weird.

The best way is not to insert any elements to for scrolllTop.

This technique is from an older version of http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/, but I think it's time to fix it once and for all.

Reproduction

I'm too lazy to create a minimal example.

Run the project:

git clone https://github.com/locriacyber/idris2-quickdocs -b 0570b5aba4d553a801fe4ff7391325b4f92e90af --depth 1
yarn
yarn dev

Then type random characters very fast in the search bar, then delete them. Try this many times, and you might be lucky.

Screenshot

Logs

N/A

System Info

N/A

Severity

annoyance

[iacore]

Seem to be a bug of third-party component.