[Website] The action heading overlays on another web element

[tranquanghuy0801]

What happened?

The action heading overlays on another web element on the Detox website. Happened with both Chrome and Firefox.

Here is the link: https://wix.github.io/Detox/docs/api/actions/#swipedirection-speed-normalizedoffset-normalizedstartingpointx-normalizedstartingpointy

What was the expected behaviour?

The action heading should be written on the next line if they are too long and not overlay another web element

Was it tested on latest Detox?

• I have tested this issue on the latest Detox release and it still reproduces.

Help us reproduce this issue!

Access this link https://wix.github.io/Detox/docs/api/actions/#swipedirection-speed-normalizedoffset-normalizedstartingpointx-normalizedstartingpointy

In what environment did this happen?

Detox version:
React Native version:
Has Fabric (React Native's new rendering system) enabled: (yes/no)
Node version:
Test-runner (select one): jest / other

Detox logs

Detox logs

paste logs here!

Device logs

Device logs

paste logs here!

More data, please!

No response

[noomorph]

@moutro make sure our _demo page has a test case.

[moutro]

@noomorph - I added a test case for the code header to the _demo page

@tranquanghuy0801 - Thanks for submitting this issue! I will be submitting a PR to start a review on my fix, shortly.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back.

Thank you for your contributions!

For more information on bots in this repository, read this discussion.

[asafkorem]

Resolved on #4028