diff --git a/change/@fluentui-web-components-c8b28354-32da-4e69-95bd-b3e4f19fc051.json b/change/@fluentui-web-components-c8b28354-32da-4e69-95bd-b3e4f19fc051.json new file mode 100644 index 00000000000000..f40b7df5379242 --- /dev/null +++ b/change/@fluentui-web-components-c8b28354-32da-4e69-95bd-b3e4f19fc051.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "remove autofocus attribute in favor of browser inheritance for button web component", + "packageName": "@fluentui/web-components", + "email": "13071055+chrisdholt@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/web-components/src/button/button.stories.ts b/packages/web-components/src/button/button.stories.ts index b22cff2b030931..1d340f37170859 100644 --- a/packages/web-components/src/button/button.stories.ts +++ b/packages/web-components/src/button/button.stories.ts @@ -74,6 +74,10 @@ export default { export const Button: Story = renderComponent(storyTemplate).bind({}); +export const Autofocus: Story = renderComponent(html>` + Default +`); + export const Appearance: Story = renderComponent(html>` Default Primary diff --git a/packages/web-components/src/button/button.ts b/packages/web-components/src/button/button.ts index bff33807e42ad1..4c9d3feeb91416 100644 --- a/packages/web-components/src/button/button.ts +++ b/packages/web-components/src/button/button.ts @@ -18,17 +18,6 @@ import { ButtonType } from './button.options.js'; * @public */ export class BaseButton extends FASTElement { - /** - * Indicates the button should be focused when the page is loaded. - * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#autofocus | `autofocus`} attribute - * - * @public - * @remarks - * HTML Attribute: `autofocus` - */ - @attr({ mode: 'boolean' }) - public autofocus!: boolean; - /** * Default slotted content. *