fixup! docs: create aria autocomplete docs

Author: wagnermaciel

src/components-examples/aria/autocomplete/autocomplete-auto-select/autocomplete-auto-select-example.ts

@@ -63,17 +63,9 @@ export class AutocompleteAutoSelectExample {
 
   constructor() {
     // Scrolls to the active item when the active option changes.
-    // The slight delay here is to ensure animations are done before scrolling.
     afterRenderEffect(() => {
       const option = this.options().find(opt => opt.active());
-      setTimeout(() => option?.element.scrollIntoView({block: 'nearest'}), 50);
-    });
-
-    // Resets the listbox scroll position when the combobox is closed.
-    afterRenderEffect(() => {
-      if (!this.combobox()?.expanded()) {
-        setTimeout(() => this.listbox()?.element.scrollTo(0, 0), 150);
-      }
+      option?.element.scrollIntoView({block: 'nearest'});
     });
   }
 }

src/components-examples/aria/autocomplete/autocomplete-disabled/autocomplete-disabled-example.ts

@@ -63,17 +63,9 @@ export class AutocompleteDisabledExample {
 
   constructor() {
     // Scrolls to the active item when the active option changes.
-    // The slight delay here is to ensure animations are done before scrolling.
     afterRenderEffect(() => {
       const option = this.options().find(opt => opt.active());
-      setTimeout(() => option?.element.scrollIntoView({block: 'nearest'}), 50);
-    });
-
-    // Resets the listbox scroll position when the combobox is closed.
-    afterRenderEffect(() => {
-      if (!this.combobox()?.expanded()) {
-        setTimeout(() => this.listbox()?.element.scrollTo(0, 0), 150);
-      }
+      option?.element.scrollIntoView({block: 'nearest'});
     });
   }
 }

src/components-examples/aria/autocomplete/autocomplete-highlight/autocomplete-highlight-example.ts

@@ -63,17 +63,9 @@ export class AutocompleteHighlightExample {
 
   constructor() {
     // Scrolls to the active item when the active option changes.
-    // The slight delay here is to ensure animations are done before scrolling.
     afterRenderEffect(() => {
       const option = this.options().find(opt => opt.active());
-      setTimeout(() => option?.element.scrollIntoView({block: 'nearest'}), 50);
-    });
-
-    // Resets the listbox scroll position when the combobox is closed.
-    afterRenderEffect(() => {
-      if (!this.combobox()?.expanded()) {
-        setTimeout(() => this.listbox()?.element.scrollTo(0, 0), 150);
-      }
+      option?.element.scrollIntoView({block: 'nearest'});
     });
   }
 }

src/components-examples/aria/autocomplete/autocomplete-manual/autocomplete-manual-example.ts

@@ -63,17 +63,9 @@ export class AutocompleteManualExample {
 
   constructor() {
     // Scrolls to the active item when the active option changes.
-    // The slight delay here is to ensure animations are done before scrolling.
     afterRenderEffect(() => {
       const option = this.options().find(opt => opt.active());
-      setTimeout(() => option?.element.scrollIntoView({block: 'nearest'}), 50);
-    });
-
-    // Resets the listbox scroll position when the combobox is closed.
-    afterRenderEffect(() => {
-      if (!this.combobox()?.expanded()) {
-        setTimeout(() => this.listbox()?.element.scrollTo(0, 0), 150);
-      }
+      option?.element.scrollIntoView({block: 'nearest'});
     });
   }
 }