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

Internet Explorer 11 hides picker when scrollbar is clicked #127

Open
christophersandmann opened this issue May 4, 2017 · 1 comment

Comments

Projects
None yet
3 participants
@christophersandmann
Copy link

commented May 4, 2017

In IE 11 the on-blur event is called when a user clicks the scrollbar of the picker.

screen

This will hide the picker if option "hidePickerOnBlur" is true.

Open this fiddle (forked from the demo-fiddle) in IE 11 to reproduce the issue.

@mervick mervick added this to the v4.0.0 milestone Aug 3, 2017

@carpii

This comment has been minimized.

Copy link
Collaborator

commented Sep 22, 2017

I spent a bit of time on this

It seems to be an annoying bug in IE11.. when you click the scrollbar, it transfers input focus to the body tag, and then the scrollArea
which causes the emojipicker to blur, and close.

The only solution I could find was to handle closing the picker myself, and setting

hidePickerOnBlur: false

Here's a routine to reopen the picker, when focus is transferred to the scrollArea. It results in some flickering as the emojiPicker is closed and then instantly reopened, but its the best I could come up with

var area = elem.data("emojioneArea");
	if ($(area).scrollArea !== undefined){
		$(area).scrollArea.on("focus", function(evt) { elem.data("emojioneArea").showPicker(); });
	}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.