Project

General

Profile

Actions

Bug #76

closed

UI Layout Issues and Unnecessary Helper Text in Edit Section Modal (Web)

Added by Vivek Kumar 14 days ago. Updated 13 days ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Start date:
04/07/2026
Due date:
% Done:

100%

Estimated time:
Spent time:

Description

The Edit Section modal contains multiple UI/UX issues including unnecessary helper text and improper layout handling.
Long labels will wrap automatically is displayed unnecessarily and appears unprofessional. Additionally, when long content is entered, the Update Section button overlaps the textarea, causing content to render behind the button and breaking the layout.

URL
https://dev.akinderwellness.com/pages/questions

Steps To Reproduce:

  1. Open Questions page (Masters -> Questions)
  2. Click on Edit Section
  3. Enter a very long section label (e.g., 1000+ characters)
  4. Observe the helper text near the section label
  5. Scroll within the modal

ACTUAL RESULT

  1. The helper text Long labels will wrap automatically is displayed unnecessarily
  2. The “Update Section” button overlaps the textarea content making the text partially hidden behind the button
  3. UI appears broken and unpolished

Expected Result
The helper text should be removed OR replaced with meaningful guidance
The layout should be fixed such that:

  • The button remains properly positioned below the textarea
  • No overlap occurs between content and action buttons
  • Textarea content remains fully visible and scrollable
  • The modal should maintain a clean and professional UI layout

Files

BUG AKW0031.png (434 KB) BUG AKW0031.png Vivek Kumar, 04/07/2026 11:59 AM
BUG AKW00031.png (433 KB) BUG AKW00031.png Vivek Kumar, 04/07/2026 11:59 AM
Actions #1

Updated by Adhi Narayanan 13 days ago

  • Status changed from New to Resolved
  • % Done changed from 0 to 100
Actions #2

Updated by Vivek Kumar 13 days ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF