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 the "Show More" button correctly positioned during sidebar interactions to maintain UI consistency #120

Closed Endlessflow closed 19 hours ago

Endlessflow commented 4 days ago

Bug Report

Description

Bug Summary: The "Show More" button meant for displaying additional content within an overflowed textarea misaligns when users open the sidebar menu, disrupting user interface consistency.

Steps to Reproduce:

  1. Navigate to FormPage where there's an overflow-enabled textarea section.
  2. Confirm that initially, the "Show More" button is properly aligned at the bottom end of this textarea.
  3. Click on the side-menu icon to expand it.
  4. Observe that upon expanding, there's a shift in layout causing misalignment between "Show More" button and textarea.

Expected Behavior: The "Show More" button should remain directly beneath and aligned with the end of textarea irrespective of sidebar menu expansion.

Actual Behavior: When expanding side-menu, there’s a noticeable displacement of “Show More” button from its designated position under textarea causing visual inconsistency and potential confusion for users.

Environment

Screenshots

Incorrect Positioning