WingNews logo WingNews
top | item 41454019

(no title)

baliex | 1 year ago

Have you tried this in a mobile browser? I’m seeing the headline cut off because the page ends up being wider than my viewport because of the position of the later carousel elements.

It otherwise looks great but the side scrolling is too much of a compromise for me.

I’m using Safari on iPhone.

discuss

order

retrac98|1 year ago

Over a decade on from “mobile first” I’m always surprised at how few developers actually test their work on mobile devices.

chrismorgan|1 year ago

It’s fairly common for these sorts of things to be iPhone-specific, and you can’t test on Apple devices without owning one, or paying altogether too much.

I’ve found Epiphany (a.k.a. GNU Web), which is based on WebKit, to be decent proxy for testing on Safari—in my last project of this sort, where I was developing on Firefox and could check in Chromium, I was able to reproduce each of the three or four Safari issues that were raised, in Epiphany.

Kiro|1 year ago

The issues differ wildly between Android and iOS and often a fix for one device, OS and browser breaks something in another. It's not easy. Also, not everyone has access to an iPhone or a Mac with a simulator, and even the simulator has its own irregularities with how things are behaving that are not consistent with an actual device.

rpastuszak|1 year ago

Which is a shame because one of the upsides of building mobile-first is that you generally end up with simpler/easier to reason about results.

(not a comment on this site implementation per se, but a general remark)

Hasu|1 year ago

It works fine on both Chrome and Firefox on my Android (Pixel 8). Maybe the developer doesn't have an iPhone?

balmy_tommy|1 year ago

thank you for pointing out. it turns out that a `overflow: hidden` was missing. should be ok now.

written-beyond|1 year ago

Same with Brave on android, text is breaking out and overflowing beyond the vp