Bug 109229 – CSS Unit vw in border-width maps to 0px.

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Thaddee Tyl]

At the following URL: <http://espadrine.github.com/aulx/>,
you may notice the following CSS rule:

    hgroup { border: 0.4vw solid rgba(188,188,196,0.3); }

Any vw unit that I tried in the border (or in any border at all, see <http://jsbin.com/avirem/1>)
made the border width be 0px, which is invalid.
However, it does parse the rule fine.

- It should be valid as per the spec,
- It works on Firefox 19+,
- WebKit seems to accept the percentage type, which isn't allowed by the spec (but I assume works similarly).

[Stuart P. Bentley]

Downstream bug: https://code.google.com/p/chromium/issues/detail?id=125709

[Stuart P. Bentley]

Created attachment 198931 [details]
Test case

From Chromium bug: https://code.google.com/p/chromium/issues/detail?id=125709

[Stuart P. Bentley]

Also, I don't see the percentage type working for borders (I set it to 30% and it didn't change).

[Stuart P. Bentley]

In general, viewport-percentage lengths (vw, vh, vmin, and vmax) don't work for:

- border(-width)
- outline(-width)
- (-webkit-)box-shadow

[Thierry Michel]

It's the same on Mac OS X (10.8.3) with :
- Chrome / Version 26.0.1410.65
- Chrome Canary / Version 28.0.1499.0 canary

I also noticed that viewport units map to -1px with box-shadow property...

Created attachment 211414 [details]
Patch

(In reply to comment #6)
> Created an attachment (id=211414) [details]
> Patch

Added patch for handling border/outline properties incase units are in vh/vw units.

It was crashing incase border is given in vh/vw units.

Darin and Simon please can you'll review this?

[WebKit Commit Bot]

Comment on attachment 211414 [details]
Patch

Clearing flags on attachment: 211414

Committed r155624: <http://trac.webkit.org/changeset/155624>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.