All issues were first found in Safari iOS and reproduced in Opera (chromium) desktop browser in responsive mode with iPhone X viewport.
Date: Apr 5, 2021 at 23:53 GMT+3
Broken "Add a discount code" section when creating new product. (still broken – last checked Apr 18, 19.45 PT)
☢️ What's broken: the "Name" and "Amount off" input fields are overlapping which make it unusable.
🔗 Example url: https://gumroad.com/products/nFTrg/edit#checkout (must login as user)
✅ The quickest fix (with least effort) is to render those fields in row direction:
Navigation menu is broken in Settings > Upgrade page (still broken – last checked Apr 18, 19.45 PT)
☢️ What's broken: the navigation menu is overlapping with page title.
🔗 URL: https://gumroad.com/settings/upgrade
✅ Allowing the menu to horizontally overflow should fix it:
Modals, navigation, and help content are off screen (still broken – last checked Apr 18, 19.45 PT)
☢️ What's broken: some section of the page are clipped, and some others make the layout inconsistent.
✅ One possible fix is to put max width on the offending contents:
Tooltip content in Upgrade Account page is off screen (still broken – last checked Apr 18, 19.45 PT)
☢️ What's broken: the content is clipped and unreadable because it goes beyond the viewport.
🔗 URL: https://gumroad.com/settings/upgrade#
✅ The fix is to put max width for the tooltip content:
Z-Index collision in Upgrade Account checkout page (still broken – last checked Apr 18, 19.45 PT)
☢️ What's broken: texts from Upgrade Account checkout page ("Pay $10 Monthly", "Pay $108 yearly", and "Save 10%") overlapped with navigation menu due to broken z-index
🔗 URL: https://gumroad.com/settings/pay#
✅ To fix this, adjust the z-index of the offending texts: