The target element is not focused properly with responsive_framework: ^0.2.0

[Ayoub Sbane]

Description:

I'm experiencing an issue where the target element is not focused properly when using the responsive_framework package (version ^0.2.0) in my Flutter app.

Steps to reproduce:

MaterialApp( builder: (context, child) => ResponsiveWrapper.builder( BouncingScrollWrapper.builder(context, child!), maxWidth: 1200, minWidth: 450, defaultScale: true, breakpoints: [ const ResponsiveBreakpoint.resize(450, name: MOBILE), const ResponsiveBreakpoint.autoScale(800, name: TABLET), const ResponsiveBreakpoint.resize(1920, name: DESKTOP), const ResponsiveBreakpoint.autoScale(2460, name: "4K"), ], background: Container( color: const Color(0xFFF5F5F5), ), ), debugShowCheckedModeBanner: false, title: 'Water Tracker', home: ShowCaseWidget( builder: Builder( builder: (context) => HomePage(), ), ), );

Expected behavior:

The target element should be focused properly.

Actual behavior:

The target element is not focused properly.

[Aditya Chavda]

Hello @BrainDjuice, On initial inspection, I have found that setting the defaultScale parameter to false in your provided code seems to resolve the issue. Please see if that would work for you. I'll take a deeper look later. Thanks.

[Ayoub Sbane]

Thank you, setting defaultScale to false does indeed resolve the issue for me.