Can't select text inside of Rover

🐛 Bug report

Current behavior

I’m trying to recreate the behavior of <Step /> but there’s an issue with selecting text rendered inside of a <Rover />. It can’t be selected.

I tried using as={Box} to render it as a div but text selection is still not allowed. Using devTools to modify the Rover to be a div or span works, but only if as is not used.

The focusable property doesn’t change this behavior.

Steps to reproduce the bug

Demonstration

Expected behavior

Contents of <Rover /> should be selectable.

Possible solutions

Unknown. Issue did not exist in v0 so perhaps there are some clues there

Environment

$ npx envinfo --system --binaries --npmPackages

  System:
    OS: Windows 7
    CPU: (2) x64 Intel(R) Core(TM) i5-4690K CPU @ 3.50GHz
    Memory: 2.98 GB / 13.75 GB
  Binaries:
    Yarn: 1.17.3 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.2.0 - C:\Users\Remie\AppData\Roaming\npm\npm.CMD

As far as fully transitioning to v1 I’d rank this bug as a critical bug for us.

PS: I’m pretty sure this is the last bug report from me! Besides these few reports everything else works great transitioning from v0

[diegohaz]

It has been fixed on #458. Will be available in the next release.

[diegohaz]

Regarding the issue with onMouseDown, I posted a Twitter thread (putting it here for reference): https://twitter.com/diegohaz/status/1176998100495491072