App: [$500] Android - Note - The page is broken with a long blockcode with one backtick

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!


Issue found when validating PR https://github.com/Expensify/App/pull/29055

Version Number: v1.3.81-6

Reproducible in staging?: Y

Reproducible in production?: Y

If this was caught during regression testing, add the test name, ID and link from TestRail:

Email or phone of affected tester (no customers):

Logs: https://stackoverflow.com/c/expensify/questions/4856

Expensify/Expensify Issue URL:

Issue reported by: @dhanashree-sawant

Slack conversation: @

Action Performed:

  1. Open the App
  2. Login with any account
  3. Open a Person to Person report.
  4. Now open Profile Details.
  5. Press on Private Note.
  6. Select My Note
  7. Enter a long blockcode with one backtick ( ) and save it.

Expected Result:

The code block does not go beyond the page (the page is broken)

Actual Result:

The block of code goes outside the page

Workaround:

Unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

  • Android: Native
  • Android: mWeb Chrome
  • iOS: Native
  • iOS: mWeb Safari
  • MacOS: Chrome / Safari
  • MacOS: Desktop

Screenshots/Videos

Android: Native

Bug6233522_1697053941825!Screenshot_2023-10-11-17-36-57-29_4f9154176b47c00da84e32064abf1c48

https://github.com/Expensify/App/assets/115492554/b165b8a8-4dd4-48fd-9e62-e27c2cb36d4b

Android: mWeb Chrome
iOS: Native
iOS: mWeb Safari
MacOS: Chrome / Safari
MacOS: Desktop

View all open jobs on GitHub

Upwork Automation - Do Not Edit
  • Upwork Job URL: https://www.upwork.com/jobs/~01412f56d0ed1fc241
  • Upwork Job ID: 1712207610531987456
  • Last Price Increase: 2023-10-11
  • Automatic offers:
    • dhanashree-sawant | Reporter | 27538114

About this issue

  • Original URL
  • State: closed
  • Created 9 months ago
  • Comments: 56 (27 by maintainers)

Most upvoted comments

Hey folks, I opened a WIP PR so that you guys know I am working on it. There is an issue. I am currently investigating but it seems i cant get the styles to match properly between the platforms. It wont overflow the page but for example the borders on the inline block wont render on ios…

Im working on a snack to present the proof of concept. Will keep you posted.

@rlinoz can you confirm the proposal looks good today when you have a moment? Thank youu! 🙇‍♂️

@dhanashree-sawant done!

@rushatgabhane can we get reviews today? 🙇‍♂️

Agree @koko57! This was created first, so we’ll keep this open (cc @greg-schroeder)