when using inverse scrolling text selection misbehaves
if you want to inverse scroll and add following line to your code: style={{ display: 'flex', flexDirection: 'column-reverse' }} it triggers to misbehave text selection, example can be seen here: https://codesandbox.io/s/crazy-jepsen-kjt0m?file=/src/index.js
Steps to reproduce:
1.open link https://codesandbox.io/s/crazy-jepsen-kjt0m?file=/src/index.js 2. try to select multiple lines with mouse cursor 3. the first line never gets selected
Seems like it's the default behavior of flex-direction: row-reverse and flex-direction: column-reverse.
Are there any known workarounds or alternatives that don't involve the scale hack? column-reverse is a really clever approach, it's a shame browsers don't offer a mechanism to manipulate selection behavior.