508254 - CSS doesn't apply to image output

Status: RESOLVED INVALID

(Core Graveyard :: XForms, defect)

Description

[Tangui LE PENSE]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1 (.NET CLR 3.5.30729)

CSS styles doesn't seem to apply to the ouput element when used with mediatype attribute set to image/*.

Reproducible: Always

Actual Results:  
The image is full size

Expected Results:  
The image should be resized accordingly to CSS rules.

Comment 1

[Tangui LE PENSE]

Attachment: Image upload with XForms

Comment 2

[aaronr]

You are trying to use CSS incorrectly with XForms.  
Check out this section of the spec: http://www.w3.org/TR/xforms11/#style.  To get your form to work in the Mozilla xforms processor, try using this CSS rule instead:

xf|output[mediatype] .xf-value {
  width:30px;
  height:30px;
}

As you can see, there is a limitation with the mozilla xforms processor where we can't comply completely with the section I mentioned in the spec.  Mozilla won't support our pseudo-elements, so we had to go with class attributes to achieve similar capability.  More info here: https://developer.mozilla.org/en/XForms/Mozilla_XForms_Specials

Returning this bug as invalid.  Let me know if my suggestion doesn't help.