Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Select component in IE browser Bug!!! #7934

Closed
onlinelemon opened this issue Oct 19, 2017 · 13 comments
Closed

Select component in IE browser Bug!!! #7934

onlinelemon opened this issue Oct 19, 2017 · 13 comments
Assignees

Comments

@onlinelemon
Copy link

@onlinelemon onlinelemon commented Oct 19, 2017

Version

2.13.6

Environment

Win, IE11

Reproduction link

http://new-issue.ant.design/

Steps to reproduce

Select component in IE browser, when the content is long, can not drag the drop-down box scroll bar

What is expected?

Drag and drop scroll bar does not disappear

What is actually happening?

Dragging the drop-down scroll bar, the drop-down box disappears


Select component when content is more

@ddcat1115
Copy link
Contributor

@ddcat1115 ddcat1115 commented Oct 19, 2017

I have checked in IE11, but can't reproduce.

Could you provide a re-producible demo to help us, by forking and editing this codepen: http://codepen.io/benjycui/pen/KgPZrE?editors=001

(A good and minimum codpen will save a lot of time 😃)

@afc163
Copy link
Member

@afc163 afc163 commented Oct 19, 2017

#1428

It should have been fixed before.

@afc163
Copy link
Member

@afc163 afc163 commented Oct 19, 2017

@bert-huang
Copy link

@bert-huang bert-huang commented Nov 5, 2017

I can confirm this is happening.
Happens in IE11 only, the Windows Edge app doesn't trigger this bug.

The codepen is here: https://codepen.io/CookiePaw/pen/zPqQLp?editors=0011
It's just a simple select with enough entries to show the scrollbar. However I can't get the pen to work in IE11, got a bunch of errors like:

  • SCRIPT5009: 'antd' is undefined
  • SCRIPT438: Object doesn't support property or method 'startsWith'
  • SCRIPT5007: Unable to get property 'set' of undefined or null reference

To see it happen in IE11, simply go to https://ant.design/components/select/ and drag the scrollbar in the "Automatic tokenization" example.

EDIT: added gif of symptom
antd_select

@shangxinliu
Copy link

@shangxinliu shangxinliu commented Nov 20, 2017

i have encounter the same question, try:
OS:win7
Broswer:IE11
the official demo have the same bug.

@afc163
Copy link
Member

@afc163 afc163 commented Nov 21, 2017

image

1

Tried IE11, still can't reproduce it.

@bert-huang
Copy link

@bert-huang bert-huang commented Nov 21, 2017

Seems like it's introduced in a newer version of IE11.
Note: I'm using Windows 10, not sure if it makes a difference... but seems like it's OS independent.

screenshot_1

@tianlang89757
Copy link

@tianlang89757 tianlang89757 commented Jan 17, 2018

There is still a problem with Internet explorer's Edge document mode.

@yesmeck
Copy link
Member

@yesmeck yesmeck commented Jan 22, 2018

@tianlang89757
Copy link

@tianlang89757 tianlang89757 commented Jan 23, 2018

@afc163 @onlinelemon @bert-huang This problem I have solved, the solution is to delete antd.css stylesheet inside .ant-select-dropdown-menu under the overflow: auto style, you can solve the IE11 browser Edge document mode drag the scroll bar selection box Disappear problem

@afc163
Copy link
Member

@afc163 afc163 commented Jan 23, 2018

@tianlang89757 Good job! Fixed in 1502d36

@afc163 afc163 closed this in 1502d36 Jan 23, 2018
@afc163
Copy link
Member

@afc163 afc163 commented Feb 7, 2018

1502d36 cause the problem of #9276, reverted in 33e2ef0

@afc163 afc163 reopened this Feb 7, 2018
afc163 added a commit that referenced this issue Feb 7, 2018
ref #7934
@yesmeck yesmeck removed the Inactive label Feb 7, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
8 participants