See the component page for more information.
We've put together a guide for paper-fab-menu to help get you rolling.
Material style `floating action button menu` with Polymer
See the component page for more information.
We've put together a guide for paper-fab-menu to help get you rolling.
Nice work with the menu!
Similar to googlearchive/core-overlay#56, the menu and tooltips appear "below" the core-overlay in iOS 8.
In this case though, layered
is already specified and I can't actually get any paper-fab-menu-item
on-tap
handler to be invoked, so the overlay is actually above the menu in this case.
When using an icon other than the menu icon, the paper-fab-menu displays the menu icon until toggled on and off. Adding this fixes it
domReady: function() {
this.$.trigger.icon = this.icon;
},
When the menu is in the open state, it takes up the items + fab button's area. This is fine, because the user expects that clicking on them registers to the fab menu element. However, when the menu is closed (with only the fab button showing), the area still covers the items. Trying to click on an element behind it registers on the fab menu instead, which is counter intuitive because there's nothing there.
It would be nice if there was an option to use / not use overlay with menu.
can't seem to be able to add link attributes to each paper-fab-menu-item
Hi there,
Excellent work, but I've found an issue when this is used within a paper-dialog which has the 'backdrop' tag.
Symptoms:
I'm trying to find a fix/workaround for this but so far I haven't been able to
Any plan for migration?
We're using other things with overlays in our application but paper-fab-menu has a default z-index: 10000
which causes it to always be on top.
I'd rather see that you put the paper-fab-menu in an element with the correct z-index already, and the menu just takes care of itself when activated.
For a quick fix, I'd recommend moving the rule
.container {
z-index: 10000;
}
down to a
.container.show {
z-index: 10000;
}
rule to make sure it only elevates above everything once activated.
I guess this is somewhat related to #2 as well.
Bug found in paper-fab-menu.html
After one click, the icon is set properly, the bug can be fixed by adding
this.$.trigger.icon = this.icon;
inside the ready: function()
.
a way to open FAB downward instead of upwards
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.