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:

Open https://codemirror.net/5/demo/simplescrollbars.html
In the paragraph below the CodeMirror, the links in the second row are not clickable

https://user-images.githubusercontent.com/90578034/188689787-f7a8185b-be5a-44aa-bfeb-4b1050692cb3.mov

Issue Analytics

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

Top GitHub Comments

2reactions

MattSmithTRcommented, Sep 6, 2022

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

1reaction

marijnhcommented, Sep 7, 2022

Here’s a minimal reproduction document:

<!doctype html>
<body>
  <div style="height: 100px; overflow: hidden; border: 1px solid black">
    <div style="overflow: scroll; height: 150px;">
      <div style="position: relative"></div>
    </div>
  </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>
</body>

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.

Top 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...

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...

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!

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...

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 ...