Horizontal scrolling on mobile about codeflask HOT 6 OPEN

Hi, i have the same problem here.

You can partially fix the problem by adding the following line to your css file:
.codeflask__flatten { white-space: pre-wrap; }

But if you are using lines numbers they get bugs:

Sorry if my english isn't good enough.

from codeflask.

Seems issue is not reproduce on pure prismjs.

from codeflask.

Fix works for me too without line numbers.

from codeflask.

Adding wrap="off" to the textarea seems to fix it

from codeflask.

This is the area where the problem lies, when replacing with below code it should work with line-numbers also

this.elTextarea.addEventListener('scroll', (e) => {
      this.elPre.style.transform = `translate3d(-${e.target.scrollLeft}px, -${e.target.scrollTop}px, 0)`
      if (this.elLineNumbers) {
        this.elLineNumbers.style.transform = `translate3d(0, -${e.target.scrollTop}px, 0)`
        // missing width change when moving the viewport left
        this.elPre.style.width = this.elPre.clientWidth + e.target.scrollLeft + "px"
      }
    })

from codeflask.

I fixed it on my fork. See acarl005/CodeFlask@c4b5603 for how I did it.

from codeflask.