Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#9487 closed bug (notabug)

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/

Change History (2)

comment:1 Changed 7 years ago by tj.vantoll

Resolution: notabug
Status: newclosed

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.

comment:2 Changed 7 years ago by nikhilpatil

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

Last edited 7 years ago by nikhilpatil (previous) (diff)
Note: See TracTickets for help on using tickets.