Bug 51399

Summary:

Windows: form elements disappear with -webkit-transform: rotate(-6deg);

Product:

WebKit

Reporter:

Martino <martino187>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

cmarrin, karlcow, simon.fraser

Priority:

Keywords:

InRadar

Version:

528+ (Nightly build)

Hardware:

OS:

Windows 7

URL:

http://www.martijndevalk.nl/safari-bug/

Attachments:

Description	Flags
Safari 3, 4 and 5	none
rendering in safari, firefox, chrome	none

Martino

Reported 2010-12-21 08:10:29 PST

When using -webkit-transform: rotate the radio buttons disappear. I've tested the WebKit-r74232 windows 7 / 32bit Check the example http://www.martijndevalk.nl/safari-bug/

Attachments
Safari 3, 4 and 5 (178.65 KB, image/jpeg) 2010-12-21 08:11 PST, Martino	no flags	Details
rendering in safari, firefox, chrome (275.25 KB, image/png) 2024-03-21 22:52 PDT, Karl Dubost	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Martino

Comment 1 2010-12-21 08:11:59 PST

Created attachment 77117 [details] Safari 3, 4 and 5

Simon Fraser (smfr)

Comment 2 2010-12-21 11:48:24 PST

I'm pretty sure we have bugs on this already.

Simon Fraser (smfr)

Comment 3 2010-12-21 11:56:32 PST

<rdar://problem/8794990>

Karl Dubost

Comment 4 2024-03-21 22:52:05 PDT

Created attachment 470479 [details] rendering in safari, firefox, chrome Working everywhere <div style="background-color:gold; width:fit-content;transform:rotate(0.125turn);margin:2em;padding:1em"> <input type="radio" id="gold" name="drone" value="gold" checked /> <label for="gold">gold</label> </div> <div style="background-color:gold; width:fit-content;margin:2em;padding:1em"> <input style="transform:rotate(0.125turn)" type="radio" id="gold2" name="whynot" value="gold2" checked /> <label for="gold2">gold</label> </div>

Note You need to log in before you can comment on or make changes to this bug.