I am using the DialogService to open a help dialog popup at runtime. It seems to work fine, except the close 'X' icon of the dialog disappears after a certain testing pattern.
The dialog initially displays OK with the close 'X' icon at the upper right corner of the dialog. After I clicked on a toggle switch button to hide and show different components on the page, then the same help dialog would open with a missing close 'X' icon at the top right corner. From then on, any dialog popup would no longer show a close 'X' icon to close the dialog. Pressing ESC only would close the dialog.
I think there may be some css conflict that caused the close icon to not display, but I can't figure it out.
When capturing the HTML of the dialog titlebar in both cases, the HTML difference shows there are tags ::before and ::after for the dialog instance that shows the close icon.
Can you tell me how to force the close 'X' icon to display on the dialog?
Thanks!