use decoration width, find all and select next

2022-03-11 12:01:19 -05:00
parent 96574425c7
commit fa4479c797
5 changed files with 192 additions and 49 deletions
@@ -92,6 +92,7 @@ const addons: { [T in AddonType]: IDemoAddon<T>} = {

 const terminalContainer = document.getElementById('terminal-container');
 const actionElements = {
+  find: <HTMLInputElement>document.querySelector('#find'),
  findNext: <HTMLInputElement>document.querySelector('#find-next'),
  findPrevious: <HTMLInputElement>document.querySelector('#find-previous')
 };
@@ -199,6 +200,10 @@ function createTerminal(): void {

  addDomListener(paddingElement, 'change', setPadding);

+  addDomListener(actionElements.find, 'keyup', (e) => {
+    addons.search.instance.find(actionElements.find.value, getSearchOptions(e));
+  });
+
  addDomListener(actionElements.findNext, 'keyup', (e) => {
    addons.search.instance.findNext(actionElements.findNext.value, getSearchOptions(e));
  });