How to disable autocomplete and autofill to the TextField component?

[Narvalex]

Like the <input type="text" autocomplete="off">

[vnbaaij]

FluentTextField supports @attributes=AdditionalAttributes (in both v2 & v3) so you should be able to just add the attribute in the tag and then it would get rendered.

[dvoituron]

FluentUI Web Components use the Shadow DOM features. You have to set the style using ::part.

Example: https://stackoverflow.com/questions/75468932/how-to-override-css-style-of-shadow-dom

[dvoituron]

I don't know if you can set an autocomplete attribute using CSS. Maybe using a JS script?

Loot at https://developer.mozilla.org/en-US/docs/Web/API/Element/shadowRoot

[Narvalex]

I can try set that with Js script, but wouldn't be easier for future work to just add that to the FluentTextField attribute as well? In the same way as placeholder and other attributes are in the FluentTextField attributes parameters API. It will be more performant than invoking a JS script from WebAssembly just for adding that I guess. If I make a PR for adding that, would it be accepted?

[dvoituron]

I pushed this PR #648

[Narvalex]

Thanks @dvoituron and @vnbaaij