bcgov / bcgov/foi-flow

UX Assurance - Comments - Front End Fixes

Open
#1,106 1 comment 0 reactions 0 assignees View on GitHub
bug low priority UX
Dominant language
Python
Stars
8
Forks
2
Avg merge
14h 34m
Merged PRs (30d)
46

Description

UX issues on comments page :

1. While adding or editing comments, if I try to select the text the selection is not visible.

![download.png](https://images.zenhubusercontent.com/61a7e1d68c56cdce5dc09fd8/aff4ff17-0d5a-42b9-b3e1-36183e6b3597)

2. On selecting the styles, the selected should be highlighted so that it is easy for the user to identify the styles applied.
3. On clicking the More options button(three dots on the right side of comment), a scroll bar appears below and also the pop up is not fully visible on the screen.

![download.png](https://images.zenhubusercontent.com/61a7e1d68c56cdce5dc09fd8/cff3bc71-90a5-471c-a6ae-f0806f41983c)

4. Suggestion : To add a scroll bar inside the comments text area when the text content is lengthy so that the user can easily scroll and view the text.

![image.png](https://images.zenhubusercontent.com/61a7e1d68c56cdce5dc09fd8/5aa9d348-4157-4488-a605-bc87be70197a)

Contributor guide

Open the contributing guide

Research direction

Start at the comments page and reproduce each of the four reported behaviors: text selection visibility, active style highlighting, the More options popup layout, and scrolling for lengthy comment text. Trace the page's front-end entry points and existing tests, then verify that each reported interaction works without the popup or comment content being clipped.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.