SSO登录页面呈现，页面顶部带有电子邮件输入元素 [英] SSO SignIn page rendering with Email input element at top of page
问题描述
当尝试在Azure中加载默认的SSO登录页面时，默认情况下会选择``电子邮件地址''元素，并且其焦点如下;
When attempting to the load the default SSO SignIn page in Azure, the Email Address element is selected by default and in focus as follows;
页面放大后，加载时，电子邮件地址输入将显示在页面顶部，这将导致平板电脑和较小的设备显示已滚动的页面.
When the page is zoomed the Email Address input is rendered at the top of the page on load, this causes tablets and smaller devices to be presented with a page that is already scrolled.
我试图在自定义页面上添加新输入，并给它一个tabindex为0(作为一种hack)，因为"api" div中包含的所有元素的默认值为1. 我还为input元素赋予了autofocus属性，但似乎在渲染时都将其剥离了.
I have attempted to add a new input on a custom page and given it a tabindex of 0 (as a hack) as the default for all element contained inside the "api" div is 1. I have also given the input element the autofocus attribute but it seems to strip both on render.
https://www.realmadrid.com/en/login 使用的是类似的在登录页面后，似乎已经关闭了此功能，在我能找到的所有消息来源中，他们的实现方式并不清楚.
https://www.realmadrid.com/en/login is using a similar SignIn page and appear to have this function turned off, having gone through all the source that I could find it isn't directly apparent how they are achieving this.
如果可以在Azure B2C SSO的自定义页面上使用JavaScript，显然这很容易，但是由于目前尚不可能，有人知道这个问题的可能解决方法或解决方案吗?
Obviously this would be easy if it were possible to use JavaScript on custom pages in Azure B2C SSO but as this is not yet possible, does anyone know of a possible workaround or fix for this issue?
更新:
使用屏幕截图很难说明，但是如果您在新的默认注册或登录政策"策略中选择立即运行"，请根据屏幕截图设置响应速度，滚动到页面顶部然后按F5键，您将可以看到规定的行为.
It's a little hard to illustrate using a screenshot, but if you select 'run now' on a new default 'SIGN-UP OR SIGN-IN POLICY' policy, set responsive as per screenshot, scroll to the top of the page and press F5, you'll be able to see the stated behavior.
我们正在使用大量自定义策略，我知道该怎么做，我在使用默认示例来简化复制.
We are using heavily custom policies, I'm aware of how to do this, I'm using a default example for ease of replication.
推荐答案
This is no longer an issue due to MS allowing front end JS https://docs.microsoft.com/en-us/azure/active-directory-b2c/javascript-samples
这篇关于SSO登录页面呈现，页面顶部带有电子邮件输入元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
