Azure AD B2C注册HTML自动对焦

时间:2018-10-23 15:55:25

标签: azure-ad-b2c

我正在为注册/登录等用户流程使用自定义策略。在Chrome&Edge中导航至注册表单时,该表单会在屏幕的中途滚动显示。我认为这是因为最低的输入字段(复选框)具有autofocus属性,即:

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

我可以确认最低输入(复选框)具有焦点,因为当我按下空格键时,它会切换。

页面中的Microsoft javascript似乎正在动态设置此autofocus属性。搜索javascript似乎每个输入都有一个AUTOFOCUS=True属性:

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

有什么办法可以改变这种自动对焦行为?当前这很烦人,因为这意味着Chrome用户在页面加载时会看到表单的下半部分。

1 个答案:

答案 0 :(得分:1)

我认为这基本上可以回答,因为JavaScript现在可以在自定义页面上使用。

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

我建议在渲染后使用JQuery取消选择输入元素或删除选项卡索引值,但是现在有很多选项可用。