You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Handle our base case of click handlers i.e. opening and closing the dropdown. This can be further extended in callers for any special handling.
181
181
182
-
#### registerKeyHandlers()
182
+
#### registerKeyHandlers() {#registerKeyHandlers}
183
183
184
184
Handle our base case of keyboard handlers i.e. opening and closing the dropdown, accessibility handling. This can be further extended in callers for any special handling.
Register the text input handlers for the search input and debounce the input so that we don't need to fire a bunch of calls as the user is still typing.
189
189
<!-- cspell:ignore filterrenderpipe -->
190
190
#### filterrenderpipe()
191
191
192
192
Combine the filter and render methods into a single method to be called by the input handlers as a QoL shorthand call.
193
193
194
-
#### renderAndShow()
194
+
#### renderAndShow() {#renderAndShow}
195
195
196
196
Given we need to update the display, ensure we have the latest dataset and render it.
197
197
198
-
#### keyUpDown()
198
+
#### keyUpDown() {#keyUpDown}
199
199
200
200
Given the user is navigating the dropdown with the keyboard, handle the common up and down arrow key cases.
201
201
202
-
#### clickHandler()
202
+
#### clickHandler() {#clickHandler}
203
203
204
-
Used within [registerClickHandlers](#registerClickHandlers()) to handle the common click cases like selecting results, closing the dropdown, etc.
204
+
Used within [registerClickHandlers](#registerClickHandlers) to handle the common click cases like selecting results, closing the dropdown, etc.
205
205
206
-
#### keyHandler()
206
+
#### keyHandler() {#keyHandler}
207
207
208
-
Used within [registerKeyHandlers](#registerKeyHandlers()) to handle the common keyboard cases like navigating nodes, closing the dropdown, etc.
208
+
Used within [registerKeyHandlers](#registerKeyHandlers) to handle the common keyboard cases like navigating nodes, closing the dropdown, etc.
209
209
210
210
#### selectNode()
211
211
212
-
When used in conjunction with [keyUpDown](#keyUpDown()) and other similar functions, this function will select the node that the user has navigated to.
212
+
When used in conjunction with [keyUpDown](#keyUpDown) and other similar functions, this function will select the node that the user has navigated to.
213
213
214
214
#### moveToFirstNode()
215
215
216
-
When used in conjunction with [keyUpDown](#keyUpDown()) and other similar functions, this function will move the user to the first node in the dropdown.
216
+
When used in conjunction with [keyUpDown](#keyUpDown) and other similar functions, this function will move the user to the first node in the dropdown.
217
217
218
218
#### moveToLastNode()
219
219
220
-
When used in conjunction with [keyUpDown](#keyUpDown()) and other similar functions, this function will move the user to the last node in the dropdown.
220
+
When used in conjunction with [keyUpDown](#keyUpDown) and other similar functions, this function will move the user to the last node in the dropdown.
221
221
222
222
#### moveToNode()
223
223
224
-
When used in conjunction with [keyUpDown](#keyUpDown()) and other similar functions, this function will move the user to the node that is passed in.
224
+
When used in conjunction with [keyUpDown](#keyUpDown) and other similar functions, this function will move the user to the node that is passed in.
0 commit comments