1530930 - Issues with ASP.NET AJAX Control Toolkit - HTMLEditor

Status: NEW

(Core :: DOM: Editor, defect, P3)

Description

[amit11794]

Attachment: ASP.NET AJAX Control Toolkit - HTMLEditor

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

I am facing issues with ASP.NET AJAX Control Toolkit - HTMLEditor with the latest update of Firefox. It is changing the style mentioned in the HTML.

) I mentioned "<div style="page-break-after: always">Test</div>" in the "HTML text section".
) Then I clicked on "Design mode".
) After coming back to "HTML text section", it changed the HTML to "<div style="break-after: page;">Test</div>"

Please check the attached screenshots for the clearer picture. Also, it can be replicated on the below-mentioned link -
http://ajaxtoolkit.net/HTMLEditor/HTMLEditor.aspx

It was working fine till version 62 branch. It could have broken in any version after 62.0.
Currently, I am on version - Firefox Quantum [65.0.1 (64-bit)].

Actual results:

It changed the applied style in HTML.

From - style="page-break-after: always"
To - style="break-after: page;"

Expected results:

It should not change the style.

Comment 2

[Liviu Seplecan]

Hi @amit11794, here is my results of testing this issue:
[Platforms affected]: Windows 10, Mac OS X, Ubuntu 16.04
[Firefox versions affected]: 65.0.2- release, beta 66.0b13, latest nightly 67.0a1
on all cases the issue can be reproduced. Mention that on build 64 and below, of Firefox, the issue won't occur.
Thanks for your contribution.

Comment 3

[Makoto Kato [:m_kato]]

I guess that this is from bug 775618 since page-break-after becomes alias of break-after

Comment 4

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Hi Emilio, care to take a look due to comment 3? Thanks!

Comment 5

[Emilio Cobos Álvarez [:emilio]]

Why is this an issue? Those two styles are exactly equivalent.

This also happens with other aliases, like, if you write:

<div style="-moz-transform: rotate(0);"></div>

It'll get turned into transform: rotate(0deg).

I don't know why the same doesn't happen in other browsers, but they probably take a different code-path, since for <div style="-webkit-transform: rotate(0)"></div>, element.style.cssText also returns just transform: rotate(0) in chrome and webkit.

Is the source of this editor available somewhere?

Comment 6

[BugBot [:suhaib / :marco]]

Clear a needinfo that is pending on an inactive user.

Inactive users most likely will not respond; if the missing information is essential and cannot be collected another way, the bug maybe should be closed as INCOMPLETE.

For more information, please visit BugBot documentation.