Allow native focus options to be passed in to setFocus

[LanceStasinski]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

Since the setFocus method on calcite-input calls the native focus method, setFocus should accept the native focus options: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#parameters. For example, the preventScroll option is useful to prevent clashing between css animations and browser scrolling.

Acceptance Criteria

The setFocus method on a calcite-input element should accept native focus methods and call focus with those options.

Relevant Info

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#parameters

Which Component

Any component with a setFocus method (eg. calcite-input, calcite-input-number, calcite-input-text, etc.).

Example Use Case

calciteInput.setFocus({ preventScroll: true })

Priority impact

p4 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Field Apps