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

[Popup] Fix correct usage for addTouchEvents=false #278

Merged
merged 4 commits into from
Dec 3, 2018

Conversation

lubber-de
Copy link
Member

@lubber-de lubber-de commented Dec 1, 2018

Description

The setting addTouchEvents was not even implemented.
The idea behind this setting should always have been to disable hover popups on mobile, when addTouchEvents:false, which works now.
Infact popup now always allows the touchevent, but primary only to find out if the device is a touch device or not (touchstart is triggered before mouseenter). The addTouchEvents parameter is now used to decide if the popoup should be shown on hover on touch devices or not.

Testcase

Open the following links in a real mobile browser to reproduce the issue and the fix

Click somewhere in the Message Area (works best, when you click in empty areas around the text):

  • Unfixed Version; The popup appears just as it would in a desktop browser
  • Fixed Version: Popup does not appear, touch event is successfully prevented

Unfixed version

http://jsfiddle.net/2hm3nmLx/5/show

Fixed version

http://jsfiddle.net/2hm3nmLx/7/show

Closes

Semantic-Org/Semantic-UI#3382
Semantic-Org/Semantic-UI#5524

@lubber-de lubber-de added type/bug Any issue which is a bug or PR which fixes a bug lang/javascript Anything involving JavaScript state/awaiting-reviews Pull requests which are waiting for reviews labels Dec 1, 2018
@lubber-de lubber-de added this to the 2.7.x milestone Dec 1, 2018
@lubber-de lubber-de added the tag/sui-issue Taken from an existing Issue/PR of SUI label Dec 1, 2018
Copy link
Member

@y0hami y0hami left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Member

@ColinFrick ColinFrick left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@y0hami y0hami merged commit 10bd528 into fomantic:develop Dec 3, 2018
@y0hami y0hami removed state/awaiting-reviews Pull requests which are waiting for reviews labels Dec 3, 2018
@lubber-de lubber-de deleted the fix/3382/popup_addtouchevents branch December 3, 2018 11:14
@lubber-de lubber-de modified the milestones: 2.7.x, 2.7.0 Dec 5, 2018
@lubber-de lubber-de added the device/mobile Any issues relating to mobile devices label Dec 18, 2018
This was referenced Dec 21, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
device/mobile Any issues relating to mobile devices lang/javascript Anything involving JavaScript tag/sui-issue Taken from an existing Issue/PR of SUI type/bug Any issue which is a bug or PR which fixes a bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants