Scrollbars in TextArea don't receive mouse hover events

Bug #1526726 reported by Andrea Bernabei
10
This bug affects 2 people
Affects Status Importance Assigned to Milestone
Canonical System Image
Fix Released
High
Unassigned
Ubuntu UX
In Progress
High
Grazina
ubuntu-ui-toolkit (Ubuntu)
Fix Released
Medium
Cris Dywan

Bug Description

r1773

Scrollbars in TextArea currently don't receive mouse hover events, and that prevents them from providing the expected UX (the new scrollbar expands and shows steppers when hovered with a mouse)

By having a quick look at the code I noticed that moving the Scrollbars below the Flickable fixes the issue.

I believe that what is happening is that Mouse.forwardTo: [main] inside InputHandler is forcing the mouse events to skip the scrollbars and go directly to the root item, though I'm not sure about this theory.

Related branches

Cris Dywan (kalikiana)
Changed in ubuntu-ui-toolkit (Ubuntu):
assignee: nobody → Christian Dywan (kalikiana)
importance: Undecided → Medium
status: New → Confirmed
Revision history for this message
Andrea Bernabei (faenil) wrote :

This is currently waiting on Visual/UX design.

@Designers: please provide the UX/visuals for scrollbars in a textarea.

TextAreas are currently rounded, while scrollbars "steppers"-style (the pointer friendly component you get when you hover over the scrollbar) is square.

Plus the Scrollbar currently has some padding inside the TextArea, afair.

Andrea Bernabei (faenil)
Changed in ubuntu-ux:
importance: Undecided → High
status: New → Confirmed
Andrea Bernabei (faenil)
Changed in ubuntu-ux:
assignee: nobody → Grazina (boroskograzina)
Revision history for this message
Grazina (boroskograzina) wrote :

Design comment:
I suggest to leave 2gu between text and scrollbar. Image attached below shows text input design with scrollbar and when one of the steppers is on hover state.

Revision history for this message
Grazina (boroskograzina) wrote :
Cris Dywan (kalikiana)
Changed in ubuntu-ui-toolkit (Ubuntu):
status: Confirmed → In Progress
Changed in ubuntu-ux:
status: Confirmed → In Progress
Revision history for this message
Cris Dywan (kalikiana) wrote :
Revision history for this message
Grazina (boroskograzina) wrote :

Hi Christian,

it's almost there, could you amend bottom stepper background on hover state so it looks like in the image attached below.

Thank you.

Changed in canonical-devices-system-image:
status: New → Fix Committed
importance: Undecided → High
milestone: none → 12
Revision history for this message
Launchpad Janitor (janitor) wrote :

This bug was fixed in the package ubuntu-ui-toolkit - 1.3.1984+16.10.20160527.2

---------------
ubuntu-ui-toolkit (1.3.1984+16.10.20160527.2) yakkety; urgency=medium

  [ Christian Dywan ]
  * Slimmer frame for TextFields: 0.5dp. Fixes LP: #1578190.

  [ Albert Astals Cid ]
  * Add override
    The override specifier (since C++11) specifies that a virtual function
    overrides another virtual function. In a member function declaration or
    definition, override ensures that the function is virtual and is overriding
    a virtual function from the base class.

  [ Tim Peeters ]
  * Fix reference error in PullToRefreshStyle. Fixes LP: #1582843
  * Mark Tab, Tabs, TabBar, PageHeadConfiguration, PageHeadSections,
    PageHeadState, ToolbarButton, ToolbarItems as deprecated in the
    documentation. Fixes LP: #1566735, LP: #1566741.

  [ CI Train Bot ]
  * Resync trunk.

 -- Zoltan Balogh <email address hidden> Fri, 27 May 2016 07:08:44 +0000

Changed in ubuntu-ui-toolkit (Ubuntu):
status: In Progress → Fix Released
Changed in canonical-devices-system-image:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.