Add mouse cursor support to the remaining widgets #58192

Activity

1. VladyslavBondarenko

   added

   p: cupertino_uicupertino_ui package in flutter/packagescupertino_ui package in flutter/packages

   p: material_uimaterial_ui package in flutter/packagesmaterial_ui package in flutter/packages

   frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

   c: new featureNothing broken; request for a new capabilityNothing broken; request for a new capability

   a: mouseIssues related to using a mouse or mouse supportIssues related to using a mouse or mouse support

   on May 29, 2020
2. happyharis commented on Jun 1, 2020

   

   happyharis

   on Jun 1, 2020

   Last edited by happyharis

   More actions

   1. How about Material Card widget?
   2. Does making GestureDetector clickable make sense?
   3. Is the HyperLink widget out in the material library. Can't seem to find it.

   👍React with 👍2Reacted by Munish Thakur and Felipe Morschel
3. dkwingsmt commented on Jun 1, 2020

   

   dkwingsmt

   on Jun 1, 2020

   ContributorAuthor

   More actions

   @happyharis

   1. That's probably a good idea.
   2. I don't think so. GestureDetector is supposed to be a basic widget that serves one purpose, i.e. define gestures. Developers are supposed to compose it with others if desired. Additionally, GestureDetector contains way more than just clicking. For example, it supports dragging, which you might want to use the "drag" cursor instead.
   3. It's actually RichText with an InlineSpan that has recognizers; however there is a "hyperlink_test.dart".

   👍React with 👍1Reacted by Haris Samingan
4. esDotDev commented on Jun 3, 2020

   

   esDotDev

   on Jun 3, 2020

   Last edited by esDotDev

   More actions

   If this is not being added to GT, is there plans to provide a less opinionated SimpleButton?

   Currently the next step up from GT is Inkwell and RawMaterialBtn, which are loaded with material specific behavior and issues which can be undesired.

   A standardized Widget that provides the Event surface of RawMatBtn, with builtin cursor handling would essentially deprecate GT in most code bases where GT is used primarily for taps, and could itself then be used to compose custom buttons.

   I can't think of any cases where someone using GT for taps, would not want easy custom cursor support.
5. dkwingsmt commented on Jun 3, 2020

   

   dkwingsmt

   on Jun 3, 2020

   ContributorAuthor

   More actions

   @esDotDev By GT do you mean GestureDetector? I don’t quite get you yet, but does MouseRegion, which has a cursor property to customize cursors work for you?
6. esDotDev commented on Jun 3, 2020

   

   esDotDev

   on Jun 3, 2020

   Last edited by esDotDev

   More actions

   Yes I mean Gesture Detector.

   Well, for use case, consider I need to build any custom non-material button. Ideally I could create this without writing 100+ lines of boilerplate to handle basic Btn functionality, or spending hours trying to strip away the myriad of behaviours that RawMaterialButton/Inkwell support.

   I would like to have basic button events like:

   • onDoubleTap
   • onFocusChange
   • onHighlightChanged
   • onHover
   • onLongPress
   • onTap
   • onTapCancel
   • onTapDown

   I would also like to have standard button behavior, like a mouse cursor on roll-over and traversal-focus-support.

   It's not that this would be a hard Widget to build, but the absence of something like this feels wrong. If GestureDetector is truly to be a single purpose widget, then it seems to make sense that the Flutter team would compose it + focus node + mouse region into a simple straightforward "Button" that we can then use as a key building block in all our custom designs.

   If flutter team provided something like this, I could create my simple button in as little as this:

   Color _overColor;
   Color _focusColor;
   
   return SimpleButton(
      child: Container(color: _focusColor ?? _overColor ?? Colors.red)
      onHover: (v) => _overColor = v? Colors.green : null,
      onFocusChange : (v) => _focusColor = v? Colors.blue : null,
   )
   

   It would be tabbable, it would have mouse-cursor support, and it would be extremely simple to construct.

   If you compare that to hand-rolling everything, hopefully the value is clear as a building block?

   👍React with 👍2Reacted by Gustav Trede and cedvdb
7. dkwingsmt commented on Jun 3, 2020

   

   dkwingsmt

   on Jun 3, 2020

   ContributorAuthor

   More actions

   @esDotDev I suggest raising it as a separate issue, since it sounds highly above the scope of this issue (although personally I don't think it sounds "basic" and widespread enough).
8. esDotDev commented on Jun 3, 2020

   

   esDotDev

   on Jun 3, 2020

   Last edited by esDotDev

   More actions

   It's literally applying the same single responsibility principle you just championed for GT, but for a clickable region. Does it really make sense that Inkwell, with all it's baggage and opinion, is the lowest-level clickable area we can use that has a complete btn implementation?

   This seem extremely basic/widespread to me. This simple component can be expanded to create any button design required. Removing the mundane boilerplate of cursor/focus management from the developers.

   Color _overColor;
   Color _focusColor;
   
   return SimpleButton(
      child: Container(color: _focusColor ?? _overColor ?? Colors.red)
      onHover: (v) => _overColor = v? Colors.green : null,
      onFocusChange : (v) => _focusColor = v? Colors.blue : null,
   )
   
9. dkwingsmt commented on Jun 3, 2020

   

   dkwingsmt

   on Jun 3, 2020

   ContributorAuthor

   More actions

   @esDotDev Nevertheless, would you mind making it a separate issue? It'll get more notice and discussion in that way.

   👍React with 👍1Reacted by Shawn
10. jlubeck commented on Jun 24, 2020

    

    jlubeck

    on Jun 24, 2020

    Contributor

    More actions

    @dkwingsmt you mentioned that It's actually RichText with an InlineSpan that has recognizers; however, when adding a TapGestureRecognizer to that, it does not show the mouse cursor which would be expected
11. dkwingsmt commented on Jun 24, 2020

    

    dkwingsmt

    on Jun 24, 2020

    Last edited by dkwingsmt

    ContributorAuthor

    More actions

    @jlubeck Yes that's intended (although I get what you want). TapGestureRecognizer only allows textspans to respond to pointer events. It takes something else to make it change mouse cursors, however the current design makes it very hard. I'm aware that cursor on links is an important demand and will take it as a high priority issue.

    👍React with 👍4Reacted by Herbert Poul, Jan Lübeck, David Mednikov and Hendrix Tavarez

    ❤️React with ❤️1Reacted by Jeremy Offori
12. 32 remaining items

    Load more
13. dkwingsmt

    added

    triaged-designTriaged by Design Languages teamTriaged by Design Languages team

    a: desktopRunning on desktopRunning on desktop

    on Feb 12, 2025
14. github-merge-queue

    added a commit that references this issue on Mar 11, 2025

    #163840 - CupertinoButton cursor doesn't change to clickable on deskt…

    ...

    d452d04
15. github-merge-queue

    added a commit that references this issue on Jun 18, 2025

    Feat: Add mouse cursor for CupertinoDialogAction (#169051)

    ...

    5ecde8a
16. mboetger

    added a commit that references this issue on Jul 21, 2025

    Feat: Add mouse cursor for CupertinoDialogAction (flutter#169051)

    ...

    44882be
17. romanejaquez

    added a commit that references this issue on Aug 14, 2025

    flutter#163840 - CupertinoButton cursor doesn't change to clickable o…

    ...

    7a12c57
18. chunhtai

    added 6 commits that reference this issue on Jun 12, 2026

    Make `CupertinoRadio`'s `mouseCursor` a `WidgetStateProperty` (#151910)

    ...

    3355863

    Add `mouseCursor` property to `CupertinoCheckbox` (#151788)

    ...

    7a0bdb6

    Add `mouseCursor` parameter to `Chip`s (#159422)

    ...

    96b1477

    Add `mouseCursor` to `Tooltip` (#159922)

    ...

    693ac45

    Add `mouseCursor` parameter to `ReorderableListView` (#160246)

    ...

    d730aed

    #163840 - CupertinoButton cursor doesn't change to clickable on deskt…

    ...

    cbc104d
19. erf commented on Jun 14, 2026

    

    erf

    on Jun 14, 2026

    More actions

    I'm missing a mouseCursor field to PopupMenuButton.
20. Piinks

    added

    packageflutter/packages repository. See also p: labels.flutter/packages repository. See also p: labels.

    and removed

    frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

    on Aug 17, 2026