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

Comments

Projects
None yet
8 participants
@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

This comment has been minimized.

Contributor

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

This comment has been minimized.

Member

afc163 commented Oct 19, 2017

#1428

It should have been fixed before.

@afc163

This comment has been minimized.

Member

afc163 commented Oct 19, 2017

@bert-huang

This comment has been minimized.

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

This comment has been minimized.

shangxinliu commented Nov 20, 2017

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

@afc163

This comment has been minimized.

Member

afc163 commented Nov 21, 2017

image

1

Tried IE11, still can't reproduce it.

@afc163 afc163 referenced this issue Nov 21, 2017

Closed

IE 11 Bug #248

@bert-huang

This comment has been minimized.

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

This comment has been minimized.

tianlang89757 commented Jan 17, 2018

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

@yesmeck

This comment has been minimized.

Member

yesmeck commented Jan 22, 2018

@tianlang89757

This comment has been minimized.

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

This comment has been minimized.

Member

afc163 commented Jan 23, 2018

@tianlang89757 Good job! Fixed in 1502d36

@afc163 afc163 closed this in 1502d36 Jan 23, 2018

@afc163

This comment has been minimized.

Member

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

@yesmeck yesmeck removed the Inactive label Feb 7, 2018

@yesmeck

This comment has been minimized.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment