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

  1. 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)

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/48057a67-468d-44f4-bcdc-da70aa72350e/Untitled.png

    ✅ The quickest fix (with least effort) is to render those fields in row direction:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/03f6de35-0fdb-4134-be17-45919390b937/Untitled.png

  2. 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

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1c0281ec-468f-4b2e-bf2a-63280a3a1a81/Untitled.png

    ✅ Allowing the menu to horizontally overflow should fix it:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a232b162-a68d-4702-a776-a6ea2799b48a/gumroad-scroll.mov.mp4

  3. 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.

    🔗 URLs:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/47f921ac-07a9-481b-bd4e-9b31e542a365/Untitled.png

    ✅ One possible fix is to put max width on the offending contents:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3ead140f-aee5-4022-8318-638b36866107/Untitled.png

  4. 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#

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4b082c2d-539e-4693-83b7-f7fb96d60309/Untitled.png

    ✅ The fix is to put max width for the tooltip content:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/990e556e-0109-4077-a83e-7ac0836e0877/Untitled.png

  5. 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#

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f88b6ecc-959a-4a1d-88e6-e7d55f5482d3/Untitled.png

    ✅ To fix this, adjust the z-index of the offending texts:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c0cb2002-b463-450d-b141-50a194270005/Untitled.png