Loading...
 
Skip to main content

Tracker: Rightmost two digits in numeric input field hidden by up/down arrow control

Status
Closed
Subject
Tracker: Rightmost two digits in numeric input field hidden by up/down arrow control
Version
9.x
Category
  • Usability
  • Less than 30-minutes fix
Feature
Trackers
Submitted by
Uwe Altmann
Lastmod by
Uwe Altmann
Rating
(0)
Description

Using a numeric field in a trackers auto generated "new tracker item"-page is a bit difficult. The numeric values are set to "text-align:right" by ./styles/layout/design.css ( .numeric, td.numeric ). This makes sense at first glance.

Problem is when using Safari as browser the up/down arrows which are positioned within the input field and not right of it and so they do cover the first two or tree digits of the input which therefor isn't readable.

See the cursor position (vertical dash) in screenshot right of the arrow control -there the first digit will go.

Here you can (not) see what happens after typing "222"



Using Firefox this problem does not occur - no up/down arrows at all in Firefox.

Files
  1. Design
Solution

Better: No up/down arrow control at all like in Firefox. Anyway they are useless most of the time.
Best: Up/down arrows control is positioned after/besides input field when using Safari, not within.

Workaround
Change .numeric, td.numeric styles in design.css to "text-align:left" . Not beautiful but working.
Importance
4
Easy to solve?
9
Priority
36
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
4351
Created
Monday 31 December, 2012 01:04:45 UTC
by Uwe Altmann
LastModif
Saturday 06 July, 2024 10:21:44 UTC


Show PHP error messages