Skip to content

Commit 66335a1

Browse files
authored
kb(editor): handle new approach and clarification
1 parent 3cd1952 commit 66335a1

File tree

1 file changed

+27
-1
lines changed

1 file changed

+27
-1
lines changed

controls/editor/troubleshooting/chrome-creates-spans-with-inherited-styles-on-delete-and-paste.md

Lines changed: 27 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,40 @@ You can work around this Chrome browser behavior by setting an empty value for t
2222
````ASP.NET
2323
<telerik:RadEditor RenderMode="Lightweight" ID="RadEditor1" runat="server">
2424
<CssFiles>
25-
<telerik:EditorCssFile Value="" />
25+
<telerik:EditorCssFile Value="~/empty.css" />
2626
</CssFiles>
2727
<Content>
2828
<p>para</p>
2929
</Content>
3030
</telerik:RadEditor>
3131
````
3232

33+
## How to apply the CssFiles workaround if I do need to use telerik:EditorCssFile?
34+
35+
If the CssFiles property is already set then it is up to the developer to decide what CSS and font settings to apply to the content area by having in mind the verified Chrome/Chromium bug.
36+
37+
So if you apply a font with rem to the iframe content area
38+
39+
````CSS
40+
body {
41+
font-size: 1rem
42+
}
43+
````
44+
45+
via the CssFiles property, this will trigger the browser bug.
46+
47+
If the font is not specified or set in pixels
48+
49+
````CSS
50+
body {
51+
font-size: 12px
52+
}
53+
````
54+
55+
the problem will not happen.
56+
57+
You can test with a regular editable div element and you will reproduce the same problem when the body font-size is set in rem - http://dojo.telerik.com/AFoHOpOf/2.
58+
3359
## See Also
3460

3561
* [RadEditor Overview]({%slug editor/overview%})

0 commit comments

Comments
 (0)