scaleY(-1)とFirefoxを使用したスクロール上のぼやけたテキスト

2020-02-25 html css firefox blurry

以下のスニペットでわかるように、テキストのブロブをスクロールすると、ぼやけてしまいます。

なぜこれを防ぐために/ scaleY(-1)を使用しないことを除いて何ができますか?

#container {
    transform: scaleY(-1);
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
#container > * {
    transform: scaleY(-1);
}
#container>div .markdown {
    max-height: 100px;
    overflow: auto;
}
example text
<div id="container">
  <div>
    more example text
    <div class="markdown">
      <p class="source-line" data-source-line="0">suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content<br>
        suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content<br>
        suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content<br>
        suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content</p>
    </div>
  </div>
</div>

Answers

Related