Add clip-path to wrapper element on Chrome 105 to work around browser bug

Issue https://github.com/codemirror/codemirror5/issues/6982
This commit is contained in:
Marijn Haverbeke 2022-09-08 09:49:04 +02:00
parent 264ba931c4
commit 0f41e5153f
1 changed files with 3 additions and 1 deletions

View File

@ -1,4 +1,4 @@
import { gecko, ie, ie_version, mobile, webkit } from "../util/browser.js"
import { gecko, ie, ie_version, mobile, webkit, chrome, chrome_version } from "../util/browser.js"
import { elt, eltP } from "../util/dom.js"
import { scrollerGap } from "../util/misc.js"
import { getGutters, renderGutters } from "./gutters.js"
@ -48,6 +48,8 @@ export function Display(place, doc, input, options) {
d.scroller.setAttribute("tabIndex", "-1")
// The element in which the editor lives.
d.wrapper = elt("div", [d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror")
// See #6982. FIXME remove when this has been fixed for a while in Chrome
if (chrome && chrome_version >= 105) d.wrapper.style.clipPath = "inset(0px)"
// This attribute is respected by automatic translation systems such as Google Translate,
// and may also be respected by tools used by human translators.