Orange-OpenSource / Orange-OpenSource/Orange-Boosted-Bootstrap
Textarea is not focussed when clicking on top right corner
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 219
- Forks
- 61
- Avg merge
- 2d 15h
- Merged PRs (30d)
- 12
Description
Prerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
As a textarea label has position: absolute, the pseudo-element inside it do not do its job of capturing the focus for the whole component.
- delete the pseudo element as it useless
- try and test with
min-width: 100%on the label which could do the trick
Reduced test cases
Go to https://web.unified-design-system.orange.com/orange/docs/1.4/components/text-area/
Click on the top right corner of a textarea, the textarea is not focussed.
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
Firefox
What version of OUDS Web are you using?
v1..4.0
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the problem in the reduced test case at the Orange OUDS Web text-area documentation URL by clicking the top-right corner of a textarea. Inspect the textarea label and its pseudo-element, then evaluate the suggested pseudo-element removal or label min-width change. Done means clicking anywhere in the component, including the top-right corner, focuses the textarea.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 72/100