Bug 51399 - Windows: form elements disappear with -webkit-transform: rotate(-6deg);
Summary: Windows: form elements disappear with -webkit-transform: rotate(-6deg);
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 7
: P2 Normal
Assignee: Nobody
URL: http://www.martijndevalk.nl/safari-bug/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2010-12-21 08:10 PST by Martino
Modified: 2024-03-21 22:52 PDT (History)
3 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Martino 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/
Comment 1 Martino 2010-12-21 08:11:59 PST 
Created attachment 77117 [details]
Safari 3, 4 and 5
Comment 2 Simon Fraser (smfr) 2010-12-21 11:48:24 PST 
I'm pretty sure we have bugs on this already.
Comment 3 Simon Fraser (smfr) 2010-12-21 11:56:32 PST 
<rdar://problem/8794990>
Comment 4 Karl Dubost 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>