Markdown iframe scrolling issue

[kolibril13]

When I add an Iframe into a VS Code Jupyter markdown cell, it renders correctly. However, as soon as I hover the mouse over this iframe and try to scroll up and down, the notebook does not scroll anymore. I tried to set the parameter scrolling="no" but that did not work eighter. Here is the markdown cell code for reproducing this bug:

<iframe src="https://twitframe.com/show?url=https://twitter.com/code/status/1643989447346892800" width = "300px" height="600px" scrolling="no" overflow="hidden"></iframe>

https://user-images.githubusercontent.com/44469195/230721845-c331aad8-d9fa-4cad-b772-f6905054739a.mov

Additional note: iframes are not at all shown in jupyterlab notebooks at all: https://github.com/ipython/ipython/issues/5711

Environment data

• VS Code version: latest
• Jupyter Extension version (available under the Extensions sidebar): latest
• Python Extension version (available under the Extensions sidebar): XXX
• OS (Windows | Mac | Linux distro) and version: Mac
• Python and/or Anaconda version: XXX
• Type of virtual environment used (N/A | venv | virtualenv | conda | ...): XXX
• Jupyter server running: Local | Remote | N/A

[kolibril13]

Additional note: When I embed a tweet from an HTML embedding string, the same scrolling issue occurs.

from IPython.core.display import HTML
code = """<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Something I would like to use when teaching with <a href="https://twitter.com/ProjectJupyter?ref_src=twsrc%5Etfw">@ProjectJupyter</a>: step-by-step cell appearance, where correct answers unlock the next section. <a href="https://t.co/NweljI3Xon">pic.twitter.com/NweljI3Xon</a></p>&mdash; Jan-Hendrik Müller (@kolibril13) <a href="https://twitter.com/kolibril13/status/1639262409175990272?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>"""
HTML(code)