Browser issue Template Modification System scroll horizontal too hard

[truonglv]

As the title. Whenever you select some text from box 'Template Contents' then horizontal scroll become too hard.

Edited: Latest version chrome.

 

[Xon]

I think this is due to the text box just being bloody tiny.

 

[Mike]

This is actually a Chrome bug which we've reported to them and has been fixed. I'm not sure what milestone will have the fix though. This applies to any scrollable element with border radius.

 

[Amaury]

@Mike: We don't use template modifications, but I'm just curious: Is this the same as this bug which was fixed a while ago?

 

[Mike]

Yes. It applies to anything scrollable with a border radius.

 

[Parsnip]

The temporary fix is..

ACP > Development > Admin Templates > base_template_modification.css

Change the border-radius to zero in #TemplateContents.

#TemplateContents
{
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 0; /* workaround for Chrome bug */
    background: #f2f2f2;
    max-height: 250px;
    min-height: 15px;
    overflow: auto;
    white-space: pre;
    word-wrap: normal;
    font-family: Consolas, "Courier New", Courier, monospace;
    direction: ltr;
    padding: 4px;
}