search

ai-cfia / fertiscan-frontend

This repository is for the frontend of the project react
MIT License
1 stars 0 forks source link

As a user, I want text within modals to wrap correctly to prevent horizontal overflow. #111

Closed Endlessflow closed 17 hours ago

Endlessflow commented 6 days ago

Bug Report

Description

Bug Summary:

Text within modals overflows horizontally with an undesirable horizontal scrollbar appearing. Text should automatically wrap within modal boundaries without causing overflow.

Image

Steps to Reproduce:

  1. Perform an analysis to reach the FormPage.
  2. Trigger the modal by clicking on Show More.
  3. Enter or view text that exceeds the modal's width.

Expected Behavior:

Text exceeding the width of a modal should automatically wrap onto a new line within the modal boundaries, eliminating any need for horizontal scrolling.

Actual Behavior:

When text exceeds the width of a modal, it currently does not wrap onto a new line but continues off-screen, creating an unnecessary horizontal scrollbar.