www.amazon.co.uk - mobile site is not usable

[webcompat-bot]

URL: https://www.amazon.co.uk/gp/aw/contact-us/chat/ref=aw_cu_landing?#contact
Browser / Version: Firefox Mobile 39.0
Operating System: Android
Problem type: Mobile site is not usable

Steps to Reproduce
When in live chat with an Amazon advisor. The text doesn't scroll when messages are sent or received. Makes it next to impossible to use.

[karlcow]

This requires an amazon account for testing.

[hallvors]

This is an issue. You can't scroll all the way down, some part of the most recent comment will always be hidden behind the absolutely positioned TEXTAREA stuff you use for input. I don't understand why, because the element where the chat messages go has a 75px bottom padding - clearly set to make sure the bottom part of this goes clear of the 65px tall textarea element. Perhaps this is a core bug?

[hallvors]

I thought this was a core bug and reported Bugzilla bug 1198902 but I was probably trusting webkit'y rendering too far because "all" other browsers side with Firefox. Pending analysis..

[hallvors]

https://bugzilla.mozilla.org/show_bug.cgi?id=1198902#c2 has an explanation.

[karlcow]

They have a contact us page which requires a login/password
https://www.amazon.com/gp/help/customer/contact-us/ref=hp_ss_qs_v3_rt_cu_t1

[karlcow]

https://bugzilla.mozilla.org/show_bug.cgi?id=1198902#c2 has been closed as a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=748518 which has been closed as invalid.

[karlcow]

@hallvors does it still happen?

[hallvors]

It is still an issue, yes. It is however less bad than I remember it used to be.

Less of the comment gets cropped away. Also the service now started adding timestamps underneath comments - and that means when the timestamp appears, it takes up enough space to push the comment text clear of the TEXTAREA:

Doesn't happen 100% consistently though:

[hallvors]

(Heh, the Amazon person typed a message before I captured 2nd screenshot, so it didn't really show the "time stamp ensures last message is readable" effect.)

[hallvors]

Worth keeping an eye on w3c/csswg-drafts#129

[karlcow]

Reported to Amazon.

[karlcow]

The issue is still there.

[adamopenweb]

Just tested with Firefox 63 for Android. The issue still exists and makes it difficult to chat with support.

[adamopenweb]

Pinging our friends at Amazon again on this one.

[softvision-oana-arbuzov]

The issue is still reproducible on my side.

Tested with:
Browser / Version: Fenix 1.0.1925 (Build #11701807 🦎 68.0-20190611143747)
Operating System: LG G5 (Android 8.0.0) - 1440 x 2560 pixels (~554 ppi pixel density).

[softvision-oana-arbuzov]

The issue has been fixed. The text is visible now.

Tested with:
Browser / Version: Firefox Nightly 90.0a1 (🦎 90.0a1-20210510093555)
Operating System: Google Pixel 5 (Android 11) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density)