Azure B2C自定义策略：证件类型+证件号+密码登录布局异常排查

尝试修改SelfAsserted-LocalAccountSignin-Email技术配置文件，添加显示声明实现证件类型、证件号、密码三字段登录，但出现布局异常：页面仅显示两个字段，一个是证件类型，另一个是证件号与密码的合并字段。

截图显示页面仅展示两个输入区域，第二个区域同时包含证件号和密码的输入提示。

相关配置代码 #

ClaimsSchema 配置

<ClaimsSchema>
    <ClaimType Id="documentType">
        <DisplayName>Document Type</DisplayName>
        <DataType>string</DataType>
        <UserHelpText />
        <UserInputType>TextBox</UserInputType>
        <Restriction>
          <Pattern RegularExpression="^[a-zA-Z0-9]+[a-zA-Z0-9_-]*$"
            HelpText="..." />
        </Restriction>
      </ClaimType>
      <ClaimType Id="documentNumber">
        <DisplayName>Document Number</DisplayName>
        <DataType>string</DataType>
        <UserHelpText />
        <UserInputType>TextBox</UserInputType>
        <Restriction>
            <Pattern RegularExpression="^[a-zA-Z0-9]+[a-zA-Z0-9_-]*$" HelpText="..." />
        </Restriction>
    </ClaimType>
</ClaimsSchema>

TechnicalProfile 配置

<TechnicalProfile Id="SelfAsserted-LocalAccountSignin-Email">
    <DisplayName>Local Account Signin</DisplayName>
    <Protocol Name="Proprietary" Handler="Web.TPEngine.Providers.SelfAssertedAttributeProvider, Web.TPEngine, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" />
    <Metadata>
        <Item Key="SignUpTarget">SignUpWithLogonEmailExchange</Item>
        <Item Key="setting.operatingMode">Email</Item>
        <Item Key="ContentDefinitionReferenceId">api.localaccountsignin</Item>
        <Item Key="IncludeClaimResolvingInClaimsHandling">true</Item>
    </Metadata>
    <IncludeInSso>false</IncludeInSso>
    <InputClaims>
        <InputClaim ClaimTypeReferenceId="signInName" DefaultValue="{OIDC:LoginHint}" AlwaysUseDefaultValue="true" />
        </InputClaims>
        <DisplayClaims>
            <DisplayClaim ClaimTypeReferenceId="documentType" Required="true" />
            <DisplayClaim ClaimTypeReferenceId="documentNumber" Required="true" />
            <DisplayClaim ClaimTypeReferenceId="password" Required="true" />
        </DisplayClaims>
        <OutputClaims>
            <OutputClaim ClaimTypeReferenceId="documentType" Required="true" />
            <OutputClaim ClaimTypeReferenceId="documentNumber" Required="true" />
            <OutputClaim ClaimTypeReferenceId="password" Required="true" />
            <OutputClaim ClaimTypeReferenceId="objectId" />
            <OutputClaim ClaimTypeReferenceId="authenticationSource" />
        </OutputClaims>
        <ValidationTechnicalProfiles>
            <ValidationTechnicalProfile ReferenceId="login-NonInteractive" />
        </ValidationTechnicalProfiles>
        <UseTechnicalProfileForSessionManagement ReferenceId="SM-AAD" />
    </TechnicalProfile>

内容的提问来源于stack exchange，提问作者andres