#9487 closed bug (notabug)

Opened August 07, 2013 10:05AM UTC

Closed August 07, 2013 10:11AM UTC

Last modified August 07, 2013 10:38AM UTC

White square background behind radio buttons on dialogs on Google Chrome

Reported by: nikhilpatil Owned by:
Priority: minor Milestone: none
Component: ui.dialog Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

This is related to Google Chrome only.

There's a visible square box around radios included inside a dialog box. On all other browsers it does not appear (Firefox / IE10).

Although I found this issue in our project which uses jQuery version 1.7.2 and jQuery UI version 1.8.x, the following jsfiddle shows that it exists even in the current version

http://jsfiddle.net/nikhilpatil/vfgyE/2/

Attachments (0)
Change History (2)

Changed August 07, 2013 10:11AM UTC by tj.vantoll comment:1

resolution: → notabug
status: new → closed

This is not a jQuery UI problem as the background will still be there outside of a dialog: http://jsfiddle.net/qvug3/.

The issue is only present within an <iframe>, see http://stackoverflow.com/questions/15762132/white-box-on-radio-buttons-only-chrome-not-all-sites.

Changed August 07, 2013 10:38AM UTC by nikhilpatil comment:2

_comment0: I agree that within an iframe this bug exists, I have a case wherein though there are iframes on the page, the dialog itself is not contained within an iframe.[[BR]] \ Also, the iframes (which do not wrap around the dialog in anyway), even if they're removed, the issue remains. unfortunately I cannot share the entire markup and js :( the best I can do is put a screenshot of the page and console wherein I remove the iframes. \ \ \ I will try to produce a reduced test case in jsfiddle, but for now this is all I can give! \ \ https://dl.dropboxusercontent.com/u/48499662/radio.jpg → 1375875548789499

I agree that within an iframe this bug exists, I have a case wherein though there are iframes on the page, the dialog itself is not contained within an iframe.

Also, the iframes (which do not wrap around the dialog in anyway), even if they're removed, the issue remains. unfortunately I cannot share the entire markup and js :( the best I can do is put a screenshot of the page and console wherein I remove the iframes.

I will try to produce a reduced test case in jsfiddle, but for now this is all I can give!

https://dl.dropboxusercontent.com/u/48499662/radio.jpg

EDIT: Worth mentioning that once the popup is dragged (even a little) the boxes vanish and radios are proper