From the course: Building Great Forms with HTML and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Touchscreen fix

Touchscreen fix

From the course: Building Great Forms with HTML and CSS

Start my 1-month free trial

Touchscreen fix

“

- [Instructor] If you test your search page on a mobile device, you will find sadly that your cool growing search bar does not work on all mobile browsers. Here is the page on Safari, and if I tap on the search bar nothing happens. If we go ahead and look at the search bar inside of Chrome, which is showing over here on the right and I tap on the search bar, the search bar is going to work in the way we expect it to. So, what gives? Why doesn't our search bar work consistently on all mobile browsers? Well, our hover behavior is currently on the form element, which is not a traditional hover element. Hover will work for touch screens as long as it's a hoverable element, like an image, link or button. Today, most web content is designed for keyboard and mouse input. However, devices with touch screens, especially portable devices are mainstream, and web applications can either directly process touch-based input by…

Contents