Giter VIP home page Giter VIP logo

Comments (11)

ArielFerreiro avatar ArielFerreiro commented on June 21, 2024 2

Hi, sames happens to me. Any plans for resolution?

By the way. Great widget Mariano. Felicitaciones!

from fab-circular-menu.

marianocordoba avatar marianocordoba commented on June 21, 2024 1

I have seen this behaviour before but didn't happened to me after the latest changes. I will try to replicate it again and see if I can solve it.

from fab-circular-menu.

devrajraut avatar devrajraut commented on June 21, 2024 1

Use the Widget Inspector and Debug Paint while the FAB Menu is Open. You will see a Rectangular Area which takes the clicks. If your Buttons on the Ring are outside this Rectangle, then they do not register a Button Click. A Workaround is to reduce the Ring Diameter and make it fall inside the rectangle. Then all Buttons on the ring register a Click. Package author, kindly have a look at it. Awesome Package otherwise. Thanks a Lot.

from fab-circular-menu.

MrCsabaToth avatar MrCsabaToth commented on June 21, 2024

Use the Widget Inspector and Debug Paint while the FAB Menu is Open. You will see a Rectangular Area which takes the clicks. If your Buttons on the Ring are outside this Rectangle, then they do not register a Button Click. A Workaround is to reduce the Ring Diameter and make it fall inside the rectangle. Then all Buttons on the ring register a Click. Package author, kindly have a look at it. Awesome Package otherwise. Thanks a Lot.

Exactly. I'm tracking this down. So it is just a fortunate circumstance that in normal cases this bug doesn't happen. As you can see below even in the normal case a small portion of the last two buttons flow out a little bit from the click area (OverflowBox):
Screenshot_20210527-233248_crop_annotate

Now I assume that most of the people who override the ringDiameter / ringWidth are doing it because they have one too many buttons and want to have a little more room. Let's see that in my case, pay attention to how the OverflowBox and the Container changes:
Screenshot_20210527-233142_crop

As you can guess the Strava, the Help and the Exit buttons don't react to click but instead the Widgets under them receive the clicks.

Screenshot_20210527-233148_crop

So that's it. I'm scratching my head what's the best way to cure this.

from fab-circular-menu.

MrCsabaToth avatar MrCsabaToth commented on June 21, 2024

Concrete values in my case:
Screenshot_2021-05-27_23-35-33

from fab-circular-menu.

MrCsabaToth avatar MrCsabaToth commented on June 21, 2024

I was experimenting with the OverflowBox's alignment and tuning the _translationX and _translationY values. Once the OverflowBox for my larger Circular Fab's got nominal (to use a SpaceX term) unfortunately it got crooked on a default setting. I'll need to tweak more.

from fab-circular-menu.

MrCsabaToth avatar MrCsabaToth commented on June 21, 2024

What if somehow we just don't shrink that OverflowBox at all? That would kinda make the circular menu modal, but oh well. Better than not being able to click menu buttons in my opinion.

from fab-circular-menu.

MrCsabaToth avatar MrCsabaToth commented on June 21, 2024

I tried to use SizedOverflowBox instead of OverflowBox but that just distorts the visual and the end result won't budge in terms of the horizontal boundary of the OverflowBox. I start to think that this could be some weird interference because there are so many Transforms are involved.

from fab-circular-menu.

japatel225 avatar japatel225 commented on June 21, 2024

Hi everyone, any solution to this?

from fab-circular-menu.

MrCsabaToth avatar MrCsabaToth commented on June 21, 2024

Hi everyone, any solution to this?

Yes, my PR (referenced above) fixes it. Not sure why it's not merged.

from fab-circular-menu.

japatel225 avatar japatel225 commented on June 21, 2024

Yes, my PR (referenced above) fixes it. Not sure why it's not merged.

Oh okay 👍 Hope it gets merged soon. Thank you @MrCsabaToth.
By the way, very cool package @marianocordoba 👍

from fab-circular-menu.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.