Skip to content

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

Open
@andrewpmoore

Description

@andrewpmoore

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions