Edit popup 'cancel' button appears below the frame in Firefox browser

lexann

Hello,
I have an edit popup to which I've added 'cancel' button as in the example here. It works perfectly, but for some reason it is misplaced in Mozilla Firefox browser (it appears below the 'Edit' button). In Chrome and Edge it's placed perfectly correct, near the 'Edit' button. Same issue appears in the mentioned above example page.
Is there any way to overcome this?
My Firefox version is 85.
Thank you,
Alexandra

colin

Oh yeah, I'm seeing that too, definitely looks wonky - thanks for reporting. I've raised it internally (DD-1872 for my reference) and we'll report back here when there's an update.

Cheers,

Colin

allan

Hi Alexandra,

There was a workaround we had to put in for Chrome 53 which had a rendering issue in the footer. It looks like that has since been fixed in Chrome. But in Firefox the workaround is causing the effect you are seeing.

I think it is safe to remove the workaround now as Chrome 53 is rather old. In the Editor code you will find:

$('div.DTE_Footer').css( 'text-indent', -1 );

just remove it.

Or if you prefer to fix it in CSS:

div.DTE_Footer {
  text-indent: initial !important;
}

This will be in the next release of Editor - thanks!

Regards,
Allan

lexann

Thank you Allan, it did solve the issue.