The area at the top of the sliding up panel is not clickable

anhnk commented 1 year ago

Describe the bug As you can see from the screenshot, there are 2 links (Explore and Shop). However, the top area of the panel has some kind of an invisible container that covers most of these 2 links which make it very hard for the user to tap on the links.

When some padding is added to the top, the links are pushed down and easier to tap on. However, this looks rather ugly.

Is it possible to remove this unclickable area at the top? I think having links at the top of the panel is quite a common use case. Thank you!

Expected behavior Sliding up panel should allow links or buttons at the top.

Screenshots Hard to click on Explore and Shop links

Ugly workaround

Smartphone (please complete the following information):

Device: iPhone 13 Pro (simulator)
OS: iOS15.5
Flutter Version: 3.0.5
sliding_up_panel Version: 2.0.0+1

pablo-johnson commented 1 year ago

I have the same issue

SimeoneVilardo commented 1 year ago

I believe you are using the header without the padding.

faris-iocod commented 1 year ago

Did anyone solve this issue?

canavci312 commented 6 months ago

Hi, I solved this issue by wrapping my panel with

MediaQuery.removePadding(
                context: context,
                removeTop: true,
                child: panel

akshathjain / sliding_up_panel

The area at the top of the sliding up panel is not clickable #317