1566990 - transform rotate grabs a scrollbar with it

Status: RESOLVED INCOMPLETE

(Firefox :: Untriaged, defect)

Description

[mchaka]

Attachment: Screenshot 2019-07-18 at 01.23.27.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:68.0) Gecko/20100101 Firefox/68.0

Steps to reproduce:

I have a CSS like below:

.App > .Signature > .Content {
font-family: "Mrs Sheppards", cursive;
font-size: 80px;
width: 100%;
transform: rotate(-20deg);
color: rgb(38, 20, 71); /* rgb(45, 226, 230);*/
text-shadow: 0px 0px 80px rgb(246, 1, 157), 8px -8px 16px rgb(2, 55, 136),
-8px 8px 16px rgb(249, 200, 14);
text-align: center;
overflow-x: hidden;
}

And the element is:

<div className="Content">SomeTextHere</div>

Actual results:

A chunk of scrollbar was rotated along with the text.

Expected results:

No scrollbar chunks rotated among the content.

Comment 1

[mchaka]

It even works. I can slide the text up and down.

Comment 2

[ovidiu boca[:Ovidiu]]

Hi mchaka it is possible to attach a test page with this issue?
Also, can you please download Firefox Nightly from here: https://nightly.mozilla.org/ and retest the problem.
Thanks

Comment 3

[ovidiu boca[:Ovidiu]]

Hi,
Marking this as Resolved: Incomplete due to the lack of response from mchaka.
If the issue is still reproducible with the latest Firefox version, feel free to reopen the bug with more information.