Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Filter: hitting return in the filter box reloads the page #6226

Closed
RedWolves opened this issue Jul 29, 2013 · 1 comment
Closed

Filter: hitting return in the filter box reloads the page #6226

RedWolves opened this issue Jul 29, 2013 · 1 comment

Comments

@RedWolves
Copy link
Contributor

When I do a filter on any type of filter and hit return the page reloads. The only exception is SELECT filtering as hitting ENTER does not navigate away and has the desired experience.

Reduced Test Case - jQuery Mobile git - In jsFiddle instead of reloading the page it loads a blank page.

<div data-filter="true">
    <p>HTML</p>
    <p>CSS</p>
    <p>JavaScript</p>
</div>

Steps to reproduce: Type in "CSS" and hit ENTER

Expected Results: Filter will show just "CSS" and the page will not navigate somewhere else.

Actual Results Upon hitting ENTER the page navigates away.

Platform Chrome 28 Windows 8

Frameworks jQuery 2.0.3, jQuery Mobile 1.4.0 alpha 1 and GIT

Relevant info Can reproduce these on the demo Filter page in the 1.4.0 alpha 1 zip

@RedWolves
Copy link
Contributor Author

Based on the conversations that we had in IRC today. I found that the new recommended way to do filterable doesn't have the problem of hitting "enter" causing a refresh. Take this code for example:

<input data-type="search" id="FilterListView" data-inset="false">
<ul data-role="listview" data-filter="true" data-input="#FilterListView">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

1 participant