fix(fuselage): autocomplete overlay on MultiSelectFiltered component

.changeset/afraid-bats-argue.md

@@ -0,0 +1,5 @@
+---
+'@rocket.chat/fuselage': patch
+---
+
+fix(fuselage): autocomplete overlay on MultiSelectFiltered component

packages/fuselage/src/components/MultiSelect/MultiSelect.spec.tsx

@@ -1,4 +1,5 @@
 import { composeStories } from '@storybook/react-webpack5';
+import { screen } from '@testing-library/react';
 import { axe } from 'jest-axe';
 import { withResizeObserverMock } from 'testing-utils/mocks/withResizeObserverMock';
 
@@ -30,3 +31,13 @@ test.each(testCases)(
     expect(results).toHaveNoViolations();
   },
 );
+
+test('MultiSelectFiltered prevents Chrome autocomplete overlay (regression)', () => {
+  const { WithFilter } = composeStories(stories);
+
+  render(<WithFilter />);
+
+  const inputElement = screen.getByRole('combobox');
+
+  expect(inputElement).toHaveAttribute('autocomplete', 'off');
+});

packages/fuselage/src/components/MultiSelect/MultiSelectFilteredAnchor.tsx

@@ -45,6 +45,7 @@ const MultiSelectFilteredAnchor = forwardRef<
         {...props}
         rcx-input-box--undecorated
         order={1}
+        autoComplete='off'
       />
     </FlexItem>
   );

packages/fuselage/src/components/MultiSelect/__snapshots__/MultiSelect.spec.tsx.snap

@@ -173,6 +173,7 @@ exports[`renders WithFilter without crashing 1`] = `
           <input
             aria-expanded="false"
             aria-haspopup="listbox"
+            autocomplete="off"
             class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-pqpp8q"
             placeholder="Placeholder here..."
             role="combobox"