Azure AD B2C 注册 HTML 自动对焦

Question

我正在为我们的注册/登录等用户流程使用自定义策略。在 Chrome 和 Edge 中导航到注册表单时，该表单会在屏幕上向下滚动显示。我相信这是因为最低的输入字段（复选框）有一个 autofocus属性，即：

<input name="xxx" id="xxx" autofocus="" type="checkbox" value="True" />

我可以验证最低输入（复选框）是否具有焦点，因为当我按下空格键时，它会切换。

页面中的 Microsoft javascript 似乎正在动态设置此自动对焦属性。通过 javascript 搜索看起来每个输入都有一个AUTOFOCUS=True属性：

{ "USER_INPUT_TYPE": "CheckboxMultiSelect", "IS_TEXT": false, "IS_EMAIL": false, ... "OPTIONS": [{ "DISP": "I agree.", "VAL": "True", "PRESEL": false, -->> "AUTOFOCUS": true <<-- } ] }

有没有办法改变这种自动对焦行为？目前这很烦人，因为这意味着 Chrome 用户在页面加载时会看到表单的下半部分。

Answer 1

我认为这个问题基本上已经得到解答，因为 JavaScript 现在可以在自定义页面上使用。

https://azure.microsoft.com/en-au/resources/samples/active-directory-b2c-javascript-msal-singlepageapp/

我建议使用 JQuery 取消选择输入元素或在渲染后删除选项卡索引值，但现在有无数的选项可用。