Comments (11)
Hi, sames happens to me. Any plans for resolution?
By the way. Great widget Mariano. Felicitaciones!
from fab-circular-menu.
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.
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.
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):
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:
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.
So that's it. I'm scratching my head what's the best way to cure this.
from fab-circular-menu.
from fab-circular-menu.
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.
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.
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.
Hi everyone, any solution to this?
from fab-circular-menu.
Hi everyone, any solution to this?
Yes, my PR (referenced above) fixes it. Not sure why it's not merged.
from fab-circular-menu.
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)
- Exception when use controller to close HOT 1
- aligment have some problem
- Need ringWidth, please Advise? HOT 2
- More of a Question than an issue - how to add text below the icon? HOT 2
- Add onClicked/onOpen attribute for floating action button HOT 2
- FAB icon color HOT 2
- FAB does not dock properly HOT 2
- Having More scrollable items HOT 1
- Add dartdoc to the code
- First button not shown with bottomNavigationBar using a TabSelector HOT 7
- Can we have only one button with Text ? Now it is crashing . HOT 3
- Support to Null Safety HOT 1
- Null Safety HOT 1
- where is FabCircularMenuController and how can i import that HOT 1
- Margins are not calculated properly unless the menu is in the default bottom right location
- Suggestion: Hide Automatically
- Screen rotation causes the menu to be cutoff / partially off-screen HOT 1
- Diameter not centred around FAB
- Request: Make it available for non FAB use
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fab-circular-menu.