Open Bug 1766507 Opened 4 years ago Updated 3 years ago

CSS logical side border shorthands are not animatable

Categories

(Core :: CSS Transitions and Animations, defect)

defect

Tracking

()

People

(Reporter: Oriol, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Attached file testcase

Run attached testcase.

Expected:
Both cases should produce the same result, which should be

  • All border sides changing size smoothly between 0px and 50px
  • All border sides changing color smoothly between blue and cyan
  • All border sides changing style discretely at 50% between solid and souble

Actual:

  • In the 1st case, only the right and bottom sides animate properly (since they use physical shorthands). The logical shorthands don't animate at all, and there is no top nor left border.
  • In the 2nd case, the right and bottom sides animate properly between 0% and 50%. Between 50% and 100%, it's the top and left ones the ones which are correct.

Blink and WebKit work fine.

Should be similar to Bug 1710735.

Severity: -- → S3
See Also: → 1710735
Blocks: 1813268
See Also: 1710735
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: