bug: IE-unfriendly xforms-required-empty selectors in xforms.css

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

bug: IE-unfriendly xforms-required-empty selectors in xforms.css

Adrian Baker
Looks like some non-IE compatible selectors have crept into xforms.css.template:

span.xforms-select-appearance-full.xforms-required-empty, span.xforms-select1-appearance-full.xforms-required-empty {
    background-color: #fcc
}

span.xforms-select-appearance-full.xforms-required-empty input, span.xforms-select1-appearance-full.xforms-required-empty input {
    border: none
}

Although this makes required-but-empty radios/checkboxes look much better, the selector (under IE) wrongly applies it to the span around a regular input, which looks wrong (no border, too big).

Only way I can see around this is to generate a xforms-required-empty-select(1) class for the wrapping span, which is a pain because you have to edit all the add/remove code. Otherwise, for IE at least, might have to revert to old behavior of styling each radio individually (which looks worse, but works). Yay for IE.

Adrian


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: bug: IE-unfriendly xforms-required-empty selectors in xforms.css

Erik Bruchez
Administrator
Adrian,

#!$%# IE.

One thing we wanted to do for a long time was to harmonize the layout
of the HTML code for all controls, with an outer span, something like
this for selects:

<span class="xforms-control xforms-select ... A" ...>
   <label .../><!-- control label -->
   <span class="... B">
     <span>...</span>
     <span>...</span>
   </span>
   <label .../><!-- control alert -->
   ...
</span>

We may have another bug/RFE but we have this one for sure:

http://forge.objectweb.org/tracker/index.php?func=detail&aid=304679&group_id=168&atid=350207

If we then placed the classes on A and B above, then we could work
around this for IE.

-Erik

Adrian Baker wrote:
 > Looks like some non-IE compatible selectors have crept into
 > xforms.css.template:
 >
 > span.xforms-select-appearance-full.xforms-required-empty,
 > span.xforms-select1-appearance-full.xforms-required-empty {
 >     background-color: #fcc
 > }
 >
 > span.xforms-select-appearance-full.xforms-required-empty input,
 > span.xforms-select1-appearance-full.xforms-required-empty input {
 >     border: none
 > }
 >
 > Although this makes required-but-empty radios/checkboxes look much
 > better, the selector (under IE) wrongly applies it to the span around a
 > regular input, which looks wrong (no border, too big).
 >
 > Only way I can see around this is to generate a
 > xforms-required-empty-select(1) class for the wrapping span, which is a
 > pain because you have to edit all the add/remove code. Otherwise, for IE
 > at least, might have to revert to old behavior of styling each radio
 > individually (which looks worse, but works). Yay for IE.
 >
 > Adrian
 >


--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws