eternagame / eterna-mobile

Eterna mobile app
BSD 3-Clause "New" or "Revised" License
2 stars 0 forks source link

Thumbnails get stretched when selected #67

Closed sbutkovi closed 2 years ago

sbutkovi commented 2 years ago

This observed behavior is more silly than it is deleterious. When I open the Quests page, the icons look a certain way. When I push and hold on them with my finger, the icons get stretched (and then revert back to normal when automatically unselected after a second or so).

quest_stretch_1 quest_stretch_2

Worth noting this is true for not just the thumbnails in Quests, but also at least some of the thumbnails in Labs. It also seems like some thumbnails are more affected by "stretching" than others.

sbutkovi commented 2 years ago

I just discovered this happens with more than just the Quests thumbnails - for example, it can be done with the Eterna logo on the top-left of many pages.

luxaritas commented 2 years ago

I think this is coming from the feature on iOS where when you tap and hold on an image, it lets you drag it around, and it's probably ignoring the object-fit: contain;. The solution here appears to be adding -webkit-user-drag: none; on the img elements on all the cards