gecko-dev/fieldset-border-image-2a.html at e238c0149566021b21df55a41b0aa5bd775156ca - gecko-dev - Gitea: Git with a cup of tea

Magic-Mirror/gecko-dev

mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-23 10:15:41 +00:00

Boris Zbarsky 5b089631f6 Bug 504622 part 1. Rewrite fieldset border drawing to just clip to the area outside the legend instead of doing it in pieces with different clip rects. r=mattwoodrow,dbaron

This change will allow the border drawing code to deal with the following
changes, which will make us no longer force the fieldset to be wider than the
legend.  Without this patch, allowing the fieldset to be narrower than the
legend causes the vertical inline-start-side and inline-end-side borders of the
fieldset to paint under the legend, because the current code only modifies the
painting of the block-start-side border (the one the legend is positioned on).

This does change behavior in one situation, which the new tests test.  For
relatively positioned legends, we used to use the original vertical location but
the positioned horizontal location of the legend to decide which parts of the
border to not paint.  In the new setup, we use the original location for both.
I did check that this new behavior matches Chrome and Safari.  Edge seems to
have our old behavior.

2016-11-29 15:52:30 -05:00

15 lines

269 B

HTML

Raw Blame History

 <!DOCTYPE html>
 <style>
   fieldset {
     padding: 0;
     margin: 10px;
     height: 100px;
     width: 100px;
     border: 10px solid;
     border-image-source: url(blue-1x1.png);
     border-image-outset: 10px;
     transform: scale(0.5);
   }
 </style>
 <fieldset></fieldset>