Custom button i18nKey configuration does not display button text as expected

[kaite2]

I'm submitting a

• [x] bug report
• [ ] feature request

Background info

When using the following code to configure a custom button the i18nKey is not setting the button text it shows as an empty button. When testing in other versions available in OIE tenant

var config = OktaUtil.getSignInWidgetConfig();

config.i18n = {
    'en': {
      'customButton.createAccount': 'Create an account',
    }
};
config.customButtons = [{
    i18nKey: 'customButton.createAccount',
    className: 'button-registration',
    click: function () {
      window.location.href = 'https://www.google.com';
    }
}];

Expected behavior

I would expect the button text that is defined as i18nKey customButton.createAccount to appear in the button.

What went wrong?

Button text does not appear for custom buttons configured with i18nKey.

Steps to reproduce

I followed the instructions here: https://github.com/okta/okta-signin-widget#custom-buttons.

Your environment

• Okta Sign-In Widget Version: latest 5.14
• Browser: Chrome
• OS: Windows
• Language: Using the Okta hosted widget
• Org version: OIE

[denysoblohin-okta]

Thanks for reporting this issue. Internal ref: OKTA-454191

[denysoblohin-okta]

Looks like fix is change

https://github.com/okta/okta-signin-widget/blob/bd037bc5c8814ffa08b415f748223e7bd87b6bfe/src/v2/view-builder/internals/FormInputFactory.js#L210 to

title: customButton.title || loc(customButton.i18nKey),