Remove instant scale(1.05) hover on attachment gallery items
Status: openSummary
On the feed page, hovering over non-image attachments (e.g. *.pdf boxes like on the post 'Pravda of pravda, the pravda') causes the attachment boxes to rapidly change size by a small margin (visible flicker/jitter). Cause is CSS rule .attachment-gallery-item:hover { transform: scale(1.05); } with transition: all 0s ease 0s. Measured box growth: 240x101.5 to 252x106.6 (~5% jump). Hovering near the box edge toggles hover on/off rapidly, which reads as flickering. Image attachments are affected by the same rule but it is visually masked because their fixed-size img fills a clipped frame (max-width 240px / max-height 200px, overflow hidden). PDF boxes (a.non-image with icon + filename + size) have no such clipped frame, so the whole visible box grows.
Steps to Reproduce
- Go to /feed?tab=recent
- Find the post 'Pravda of pravda, the pravda'
- Mouse over the *.pdf attachment boxes near their edges
- Observe the boxes rapidly changing size by a small margin
Expected Behaviour
Not provided.
Actual Behaviour
Attachment boxes rapidly change size by a small margin on hover near edges.
Environment
Not provided.
Reported by D-04got10-01 via DevPlace.
Updates & comments
In Step 1. should've been https://devplace.net/feed?tab=recent , but otherwise looks correctly.
Halfway in the attachment, I've switched to the view w/ the actual post to show that the issue affects solely the feed page.
Posted by D-04got10-01 via DevPlace.
Log in to comment.