Comments (13)
Supported browsers are now IE11+ and "last 2 versions" of everything else, as defined in the .browserslistrc
file in v2.
from react-select.
Works as expected in IE11.
from react-select.
some notes about working in IE (9+):
There is a bug when trying to use scrollbar up/down/thumb buttons in drop-down select menu. The menu disappears immediately and doesn't allow to choose or view something.
from react-select.
Thanks for the report @Helenka, that issue was recently fixed by @rovolution with #98
from react-select.
The bug mentioned by @Helenka seems to have either reappeared or not been completely fixed. I can reproduce it with react-select 0.6.7 and IE 11. The reason seems to be that clicking the scrollbar causes the input to lose focus, which then causes the menu to close.
(By the way, Microsoft provides nice testing VMs for IE at https://dev.modern.ie/tools/vms/).
from react-select.
I was able to fix the reappearing IE11 bug that @flodiebold mentioned. Should I create a new issue for it and submit a PR for it?
from react-select.
@patrickgaskill I'm experiencing this bug as well, would it be possible to see your fix?
from react-select.
I am also seeing an issue where one of my 4 Select
components immediately closes in IE11. I have yet to determine what makes that one special. @patrickgaskill, is there a chance of seeing what your fix was?
from react-select.
what makes that one special
Of course I figure it out immediately... I had a <label>
tag wrapped around the component:
<div className="form-part form-state">
<label>
<span className="form-label">State of Birth</span>
<Select searchable={false} clearable={false} name="state" placeholder="STATE" options={STATES} />
</label>
</div>
Removing the label fixed the janky behavior for me in IE11.
from react-select.
@shepmaster My fix was for an older version of the code, and none of it seems to apply now, unfortunately. The idea was to stop handleInputBlur
from setting isOpen: false
directly, and instead call _closeMenuIfClickedOutside
. It's been working fine in production for a couple months now.
from react-select.
You may use SauceLabs, I use it successfully for one of my projects, it's fairly easy to setup.
from react-select.
I also had the same issue as @shepmaster where there was a <label>
around a <Select>
made the drop down malfunction in IE 11 and by removing the <label>
surrounding the <Select>
the drop down menu worked properly again.
from react-select.
I am seeing an issue on Chrome browser for Mac OS BigSur where my left padding disappears when I click on dropdown to select an item. Does anyone face similar issue and/or have a fix for this ? Thanks in advance!
from react-select.
Related Issues (20)
- Select behaves inconsistently when receiving a mousedown event with defaultPrevented
- Wrong innerProps in MultiValueContainer since 5.7.0
- React-Select version - 2.4.3 error while npm install
- React-Select version - 2.4.3 error while npm install
- Sortable Select Issue while sorting. HOT 1
- After upgrading to Capybara from 2.18 to 3.30 I get the following error HOT 1
- Performance Issue with `react-select` Rendering Large Datasets HOT 5
- isMulti will not hide the selected options from menu HOT 1
- W3 validation errors
- MenuPortal placement is off for position='fixed' if a parent has transform: scale
- Cannot select options on iOS with VoiceOver since 5.8.0 HOT 1
- MS Edge 119: text cut in placeholder/selected option HOT 1
- Name property is not defined for option in the animation color dropdown.
- autoComplete overlaps the input field on v5 HOT 1
- <title> OMG HOT 1
- react-select v5.8.0: `Extra attributes from the server: aria-activedescendant` HOT 3
- Async multi select options are reset after selecting an option HOT 2
- Issue with input type="number" on Firefox/Safari HOT 2
- Menu is closing inside tests HOT 4
- Validation works incorrectly for React-select with Formik and yup on mobile device
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-select.