Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(54)

Side by Side Diff: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

Issue 2759073002: MD Webui: Improve accessibility of toolbar search field (Closed)
Patch Set: Use toString Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner-lite.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner-lite.html">
4 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html"> 4 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html">
5 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 5 <link rel="import" href="chrome://resources/cr_elements/icons.html">
6 6
7 <dom-module id="cr-toolbar-search-field"> 7 <dom-module id="cr-toolbar-search-field">
8 <template> 8 <template>
9 <style> 9 <style>
10 :host { 10 :host {
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
127 :host([narrow][showing-search]) #icon, 127 :host([narrow][showing-search]) #icon,
128 :host([narrow][showing-search]) paper-spinner-lite { 128 :host([narrow][showing-search]) paper-spinner-lite {
129 -webkit-margin-start: 18px; 129 -webkit-margin-start: 18px;
130 } 130 }
131 </style> 131 </style>
132 <template is="dom-if" if="[[isSpinnerShown_]]"> 132 <template is="dom-if" if="[[isSpinnerShown_]]">
133 <paper-spinner-lite active> 133 <paper-spinner-lite active>
134 </paper-spinner-lite> 134 </paper-spinner-lite>
135 </template> 135 </template>
136 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" 136 <paper-icon-button id="icon" icon="cr:search" title="[[label]]"
137 tabindex$="[[computeIconTabIndex_(narrow)]]"> 137 tabindex$="[[computeIconTabIndex_(narrow)]]"
138 aria-hidden$="[[computeIconAriaHidden_(narrow)]]">
138 </paper-icon-button> 139 </paper-icon-button>
139 <div id="searchTerm"> 140 <div id="searchTerm">
140 <label id="prompt" for="searchInput">[[label]]</label> 141 <label id="prompt" for="searchInput" aria-hidden="true">[[label]]</label>
141 <input id="searchInput" 142 <input id="searchInput"
142 type="search" 143 type="search"
143 on-input="onSearchTermInput" 144 on-input="onSearchTermInput"
144 on-search="onSearchTermSearch" 145 on-search="onSearchTermSearch"
145 on-keydown="onSearchTermKeydown_" 146 on-keydown="onSearchTermKeydown_"
146 on-focus="onInputFocus_" 147 on-focus="onInputFocus_"
147 on-blur="onInputBlur_" 148 on-blur="onInputBlur_"
148 incremental 149 incremental
149 autofocus> 150 autofocus>
150 </input> 151 </input>
151 </div> 152 </div>
152 <template is="dom-if" if="[[hasSearchText]]"> 153 <template is="dom-if" if="[[hasSearchText]]">
153 <paper-icon-button icon="cr:cancel" id="clearSearch" 154 <paper-icon-button icon="cr:cancel" id="clearSearch"
154 title="[[clearLabel]]" on-tap="clearSearch_"> 155 title="[[clearLabel]]" on-tap="clearSearch_">
155 </paper-icon-button> 156 </paper-icon-button>
156 </template> 157 </template>
157 </template> 158 </template>
158 <script src="cr_toolbar_search_field.js"></script> 159 <script src="cr_toolbar_search_field.js"></script>
159 </dom-module> 160 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698