40
Views
1
Comments
[International Telephone Input Reactive] Receive error when using InternationalTelephoneInputReactive in a Pop-up
international-telephone-input-reactive
Reactive icon
Forge asset by Rúben Meireles
Application Type
Reactive

Excellent component, however I did find a bug. 

When I use the InternationalTelephoneInputReactive in a Pop-up I receive the following error:

"Input not rendered, please make sure the InternaltionTelephoneInput block is after the input."

However, it works fine on the normal screen. 

Upon investigation into the component, I found that it is only validating if the WidgetId of the input control is part of the "div.active-screen" ($parameters.WidgetIdExists = !!document.querySelector("div.active-screen input[id=" + $parameters.WidgetId + "]");). The content of a Pop-up is not contained in this div and is resulting in this error. 

In our local copy of the component I removed the "div.active-screen" filter from the validation and the control now works in a Pop-up.

I would like to see this changed made to the published version to avoid persistent militance on our side.


2024-06-24 15-21-58
Ahmed Hani

Yes, I've faced the same issue when I tried to show the component in a popup.
I found the validation you've mentioned in IsWidgetRendered client action.


Thanks for the suggestion, I've removed div.active-screen from the query selector and now I can add the component in any popup.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.