Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Story description overlapping footer contents, if description text is large #178

Open
prajwalkulkarni opened this issue Mar 16, 2022 · 0 comments · May be fixed by #193
Open

Story description overlapping footer contents, if description text is large #178

prajwalkulkarni opened this issue Mar 16, 2022 · 0 comments · May be fixed by #193

Comments

@prajwalkulkarni
Copy link

Describe the bug

When the story description is short, the content is contained within the wrapper and there's no overlapping issue. However, if the story description is big, the story description is truncated to the first few characters, and if the user wishes to read the complete description, they'd have to click on "show more". Upon expanding the story description, the story container's height is not accommodating the expanded content, but instead lets it overflow and there is an overlap observed between the story description and footer content.

To Reproduce

Steps to reproduce the behavior:

  1. Create a new story
  2. Add story description large enough so that when expanded it is beyond the screen's viewport(height-wise).
  3. Click on the "show more" button.
  4. Overlap between story description and footer content and, story description is not contained within the parent wrapper.

Expected behavior

Either the expanded content should be scrollable within the defined parent wrapper, or expand the wrapper to fit the description and avoid overlap with footer content. Preferably the latter.

Logs

Overlap between contents, as marked in red.
Overflow of story description as highlighted in yellow.
issue

Environment (please complete the following information):

  • OS: Windows 10
  • Browser: internet edge, Chrome
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment