Slider pointers not moving when overlapped

[Azeem5GC]

Bug description

When trying to move the pointer while it is overlapped, I'm not able to move it further down unless I drag it from a certain point.

Steps to reproduce

1. Bring both the pointers close with a value apart from each other
2. try to move the pointer close to the first pointer
3. You will not be allowed to move it further as long the radius of the second pointer overlaps with the first pointer.

Code sample

Code sample

Screenshots or Video

Screenshots / Video demonstration

Screen.Recording.2025-04-07.at.3.17.20.PM.mov

Stack Traces

Stack Traces

[Add the Stack Traces here]

On which target platforms have you observed this bug?

iOS, Android, Web

Flutter Doctor output

Doctor output

[✓] Flutter (Channel stable, 2.10.5, on macOS 15.4 24E248 darwin-arm, locale en-IN)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 16.2)
[✓] Chrome - develop for the web
[!] Android Studio (version 2022.1)
    ✗ Unable to find bundled Java version.
[!] Android Studio (version 2024.2)
    ✗ Unable to find bundled Java version.
[✓] VS Code (version 1.99.0)
[✓] Connected device (3 available)
    ! Error: Browsing on the local area network for iPhone. Ensure the device is unlocked and attached with a cable or
      associated with the same local area network as this Mac.
      The device must be opted into Developer Mode to connect wirelessly. (code -27)
[✓] HTTP Host Availability

[BPraveenBalu]

Hi Azeem,

We have checked the mentioned query, Slider pointers not moving when overlapped and attempted to replicate the behavior on the specified Flutter version and platforms at our end. However, we were unable to reproduce it.

Tested Platforms: Web and Android
Tested Flutter Version: 2.10.5 (as mentioned in your Flutter doctor)
Tested Syncfusion Flutter gauges version: 19.1.54
Ensured Test Case: We set the onValueChanging property and enableDragging property to true for the MarkerPointer to enable dragging in the radial gauge. With these properties enabled, I attempted to drag one pointer over another, achieving a perfect overlap. We have attached a sample and video demo for your reference.

pointers: <GaugePointer>[
                MarkerPointer(
                    value: _markerValue,
                    enableDragging: true,
                    onValueChanging: (ValueChangingArgs args) {
                      _markerValue = args.value;
                      setState(() {});
                    },
                    markerHeight: 30,
                    markerWidth: 30,
                    markerType: MarkerType.circle,
                    color: Colors.deepOrange,
                    borderWidth: 3,
                    borderColor: Colors.grey),
                MarkerPointer(
                    value: _secondMarkerValue,
                    enableDragging: true,
                    onValueChanging: (ValueChangingArgs args) {
                      _secondMarkerValue = args.value;
                      setState(() {});
                    },
                    markerHeight: 30,
                    markerWidth: 30,
                    markerType: MarkerType.circle,
                    color: const Color.fromARGB(255, 15, 137, 236),
                    borderWidth: 3,
                    borderColor: Colors.grey)
              ]

If you are still experiencing the issue, we request that you replicate it in the attached sample and provide us with more details regarding the specific scenario in which you are encountering this issue. This will help us to assist you more effectively.

guage_pointer.zip

Regards,
Praveen Balu.

[Azeem5GC]

Hey Praveen,

I've replicated the issue, and it's still happening. The problem isn't that the pointers are overlapping or crossing each other, instead, the issue arises when the pointers are close together. At that point, they can't be dragged properly for a short distance.

We've implemented a mechanism where one pointer can't overlap the other, and when one pointer is moved, the second one moves along with it. However, even with the code you shared, the same issue persists.

Issue Video
https://github.com/user-attachments/assets/cf030184-471c-4fd1-a5ac-4d2a04a66622

[BlackStriker99]

+1

facing same issue with this gauge slider. @BPraveenBalu @Azeem5GC do you know any work around? this is very weird.

[Drishtantranjan]

Hey, even I am facing the same issue, @BPraveenBalu @Azeem5GC @BlackStriker99. Have you found any way to handle this issue.

[Mugunthan-Ramalingam]

Hi @Azeem5GC ,

We have tried to replicate the reported issue using both Flutter version 2.10.5 with SfGauges version 19.1.54 and the latest Flutter version 3.29.3 with gauges version 29.1.39, but the issue is not replicated at our end. We recommend you to update the Flutter and SfGauges to the latest versions and check the sample. if the issue still occurs, please share the Flutter and SfGauges versions you are using for the sample and replicate the issue in the shared sample, and share it with us. Additionally, provide the steps to reproduce the issue along with the specific scenario in which it occurs. This will help us assist you more effectively.

Demo:

Sample: gh_2327.zip

Regards,
Mugunthan.

Please reopen this issue with requested details to proceed further on this.