Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Chrome 105 - Can't interact with elements outside the CodeMirror div

See original GitHub issue

On Chrome 105 the div with the CodeMirror-scroll class prevents the interaction with other elements on the page.

Steps to reproduce:

  1. Open
  2. In the paragraph below the CodeMirror, the links in the second row are not clickable

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:2
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

MattSmithTRcommented, Sep 6, 2022

@nzacca Thank you for the ideas! Hopefully Chrome or CodeMirror can provide a fix for this at some point.

marijnhcommented, Sep 7, 2022

Here’s a minimal reproduction document:

<!doctype html>
  <div style="height: 100px; overflow: hidden; border: 1px solid black">
    <div style="overflow: scroll; height: 150px;">
      <div style="position: relative"></div>
  <div><a href="/">link1</a></div>
  <div><a href="/">link2</a></div>
  <div><a href="/">link3</a></div>
  <div><a href="/">link4</a></div>
  <div><a href="/">link5</a></div>

I’ve reported this as Chrome issue 1360727. I encourage you to log in there and star it to hopefully get someone to take a look.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chrome 105 - Our button don't do anything when CM has focus
On Chrome 105, when CodeMirror has focus and we try to click outside of it on a button, nothing happens. If I move...
Read more >
setCursor doesn't work well with `inputStyle: "contenteditable",`
Hi, When I try to do editor.setCursor({line: 0, ch: 2}) with inputStyle: "contenteditable", setting, the cursor doesn't change this position but this work...
Read more >
How can I get rid of CodeMirror div ? And why do I have it?
I figured out that because that I have a Chrome extension called JSON Viewer 0.18.1 Deactivating the extension solved the problem!
Read more >
How to write to a CodeMirror textarea??? [solved]
So my idea was to fill the textarea and do a post. But that doesn't work. The div contains the text that I...
Read more >
codemirror.js - Apple Open Source
lineDiv = elt("div", null, "CodeMirror-code"); // Elements are added to these ... gutterFiller, d.scroller], "CodeMirror"); // Work around IE7 z-index bug ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found