Text selection usability degradation

Bug reports

Version

2.0.2

Steps to reproduce

• To type any text in first input here http://ericgio.github.io/react-bootstrap-typeahead/
• Try to select this text by pressing out inside of typehead component but outside of typed text (inner input) and then dragging across the text.

Expected Behavior

• text in typeahead should be selectable from any part of the component

Actual Behavior

• you won’t able to select text this way, only by starting dragging from typed text.

Additional

The previous version (1.3.0) of this component is used here http://web.archive.org/web/*/github. So you could select text by dragging cursor cross the component. but in new version here https://web-beta.archive.org/web/*/github (where is used the last version of the component) it won’t able to achieve.

Possible solution: increase side of inner input which was fit to the side of typeahead component in 1.3.0 version, but now just fit a typed text.

[ericgio]

Thanks for the report. This is expected, though I admit it’s not ideal. For context, I rewrote the input in v2.0 to render the same way in both the single- and multi-select cases. This was done to simplify the code paths and hopefully reduce bugs in the process. The tradeoff is that it introduces some subtle behaviors like what you’re describing. I haven’t spent much time trying to solve this particular issue because it feels relatively minor and doesn’t prevent any functionality.

Are you reporting the issue mainly just to bring it to my attention or did you feel like it was a significant behavioral problem?

[ericgio]

@alasdairhurst: That issue should be fixed as of v2.3.1