Opened 11 years ago

Last modified 10 years ago

#12244 closed defect

[patch][cla] Claro: make border-radius and box-shadow styles consistent across vendors/standards — at Version 2

Reported by: Kenneth G. Franqueiro Owned by:
Priority: high Milestone: 1.5.2
Component: Dijit - LnF Version: 1.6.0b1
Keywords: IE9 claro Cc:
Blocked By: Blocking:

Description (last modified by Kenneth G. Franqueiro)

This bug originally started with the following observation in IE9 RC:

If you look at e.g. dijit/tests/form/test_Button.html and look at the ComboButtons, the "inner" corners (those neighboring both the main button and drop-down button) are rounded, which shouldn't be the case (check any other browser for reference).

This seems to be due to missing overriding border-radius styles on a couple of selectors, while the vendor-specific versions are present.

After discussion with Bill, it's been determined that this is a general problem across claro CSS, so this effort has been expanded to try to resolve this wherever it occurs.

Change History (3)

comment:1 Changed 11 years ago by bill

Thanks, please make sure that all the rules with -moz-border-radius and -moz-box-shadow have corresponding border-radius and box-shadow properties, and test they are working on IE in dir=ltr and dir=rtl mode.

Also, the -webkit-border-radius rules are no longer necessary (plain border-radius is working on safari and chrome), so they should be removed. The -webkit-box-shadow rules still seem to be necessary.

comment:2 Changed 11 years ago by Kenneth G. Franqueiro

Description: modified (diff)
Summary: [patch][cla] IE9: Claro: "inner" corners of ComboButtons are rounded but shouldn't be[patch][cla] Claro: make border-radius and box-shadow styles consistent across vendors/standards

Changed 11 years ago by Dustin Machi

Attachment: 12244.txt added
Note: See TracTickets for help on using tickets.