Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[syncfusion_flutter_sliders] Not possible to get focus onto the slider to be able to control with keys #2304

Open
andrewpmoore opened this issue Mar 12, 2025 · 0 comments
Labels
open Open sliders Sliders component

Comments

@andrewpmoore
Copy link

andrewpmoore commented Mar 12, 2025

Bug description

I'm using 28.2.11 of the syncfusion_flutter_sliders

I have it in a form and when I tab through the fields unlike the native material slider where I can tab to the slider and then use arrow keys to change the slider, there doesn't seem to be an equivalent that I can find on the sync fusion version, but I much prefer the customization options of the sync fusion version. Am I missing something on how to use it, or is this not possible?

Steps to reproduce

Create a form, have a textField and then the SfSlider
Can't tab to and control the slider (I've tried this only on windows)

Code sample

Code sample
import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_core/theme.dart';
import 'package:syncfusion_flutter_sliders/sliders.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // This widget is the root of your application.
  double sliderValue = 5;

  @override
  Widget build(BuildContext context) {

    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            Text('tap on the first text field, then press tab, it will tab past the slider and straight to the next TextField'),
            TextField(),
            SfSlider(
              min: 0,
              max: 10,
              showLabels: true,
              interval: 1,
              showTicks: false,
              showDividers: true,
              stepSize: 1,
              value: sliderValue,
              labelFormatterCallback: (actualValue, formattedText) {
                return actualValue.toString()     ;
              },
              onChanged: (dynamic value) {
                setState(() {
                  sliderValue = value;
                });

              },
              enableTooltip: false,

            ),
            TextField()
          ],
        ),
      ),
    );

  }


}




Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

Stack Traces

Stack Traces
[Add the Stack Traces here]

On which target platforms have you observed this bug?

Windows

Flutter Doctor output

Doctor output
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.29.1, on Microsoft Windows [Version 10.0.26100.3194], locale en-GB)
[√] Windows Version (11 Pro 64-bit, 24H2, 2009)
[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[√] Chrome - develop for the web
[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.8.3)
[√] Android Studio (version 2024.2)
[√] VS Code (version 1.95.3)
[√] Connected device (3 available)
[√] Network resources
@VijayakumarMariappan VijayakumarMariappan added sliders Sliders component open Open labels Mar 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
open Open sliders Sliders component
Projects
None yet
Development

No branches or pull requests

2 participants