react-infinite-scroll-component icon indicating copy to clipboard operation
react-infinite-scroll-component copied to clipboard

when using inverse scrolling text selection misbehaves

Open laurexas opened this issue 3 years ago • 3 comments

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

laurexas avatar Jan 28 '22 09:01 laurexas

Seems like it's the default behavior of flex-direction: row-reverse and flex-direction: column-reverse.

binayachaudari avatar Feb 06 '22 16:02 binayachaudari

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.

EricRabil avatar Nov 25 '22 20:11 EricRabil