[MGNLDEMO-120] Featured Tour Cards: Images jump strangely on hover in Chrome Created: 09/Nov/15  Updated: 15/Apr/16  Resolved: 09/Nov/15

Status: Closed
Project: Magnolia Demo Projects
Component/s: None
Affects Version/s: 0.8
Fix Version/s: 0.8.1

Type: Bug Priority: Major
Reporter: Christopher Zimmermann Assignee: Christopher Zimmermann
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Sprint: Basel 18
Story Points: 1

 Description   

In Chrome - The Featured Tour Cards - for example at the top of the Active tours page - the images flickr as they change aspect ratio on hover.

This is due to a browser bug in Chrome - problems result when using css object-fit property and transitions on the same elements.

Fix is to add css "backface-visibility: hidden;" to the .featured-image class.


Generated at Mon Feb 12 05:16:31 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.