Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Robert Goldsmith
Robert Goldsmith
Courses Plus Student 3,727 Points

Implementing Media Queries. What does disabling selection on user interface elements actually do?

In the Implementing Media Queries video of the Build a Responsive Website series, Alison states :

"Since touching and holding in Safari on iPhones and iPads invoke the cut, copy, and paste dialogue, you might want to disable selection on user interface elements, such as our navigation and buttons using web kit user select equals none."

I don't have an iPhone or iPad myself, but I have been using Xcode's iOS Simulator. I get that holding down your finger on a selectable element brings up a dialogue box, but I see Open, Open in new page or Copy, rather than Cut, Copy and Paste. And that happens whether I implement -webkit-user-select: none; or not.

So what does disabling selection on user interface elements actually do? Obviously, you don't want to disable the links, but should it disable the dialogue box?

1 Answer

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Robert Goldsmith,

It won't disable the link, it simply disables the dialogue, which sometimes you may or may not want in your main nav or UI elements.

Robert Goldsmith
Robert Goldsmith
Courses Plus Student 3,727 Points

Ok. Thanks for clearing that up.