[Feature Request] New callback called when Nascar screen has been rendered.

var uiConfig = {
  callbacks: {
    uiShown: function() {
        console.log(document.querySelectorAll('.mdl-js-button'));
        // []
    }
  },
  //...
}

Version: 2.6.0

Also, uiShown only runs the first time the content is rendered, and that means if the user clicks “Sign in by email”, and then cancel, any modifications done to the UI are removed, as the UI is rendered again.

[bojeil-google]

I see. Thanks @TangSteven, I need to investigate this more to see if we can simplify customization in similar cases.

[nicolasgarnier]

btw a workaround is to trigger an interval that will keep checking for when the buttons are displayed. Not the most efficient approach but here is a code sample:

    'callbacks': {
        'uiShown': function() {
          const intervalId = setInterval(() => {
            const IDPButtons = $('.firebaseui-idp-button');
            const nbIDPButtonDisplayed = IDPButtons.length;
            if (nbIDPButtonDisplayed > 0) {
              clearInterval(intervalId);
              if (!$('#fp-pre-consent').is(':checked')) {
                IDPButtons.attr('disabled', 'disabled');
              }
            }
          }, 1);

I did this in order to disable the IDP buttons until the user had approved some disclaimer (e.g. read the TOS and such, which some lawyers made me do 😉