Vaadin has a high quality component set for building mobile and desktop web applications in modern browsers
web-padawan on test-refactor
test: avoid using imeouts if po… (compare)
web-padawan on test-refactor
test: refactor open and close h… test: cleanup no longer used he… (compare)
@moderndeveloperllc and @Haprog , thanks for replying to my query. Not sure how I missed your notification.
@Haprog your recommendation was spot on. I ended up using custom click trigger, checked for a "router-ignore" attribute on <a> element. It was a very small change in the click.js file that you mentioned.
// ignore the click if the <a> element has the 'download' or 'router-ignore' attribute
if (anchor.hasAttribute('download') || anchor.hasAttribute('router-ignore')) {
return;
}
I feel this small feature addition should be incorporated by vaadin team in original code. May be name the attribute "vaadin-ignore" :)
FlexLayout
is part of vaadin-ordered-layout-flow
package. Latest stable release of that is 2.0.0 which seems to be included in Vaadin 14.1.2. But there does seem to be one newer commit in master
branch of vaadin-ordered-layout-flow
which isn't in any release yet. Are you referring to this one https://github.com/vaadin/vaadin-ordered-layout-flow/commit/4ccdeaec1e29764750ed9f0fa4bf23fa406436e4#diff-5e8cfb4002e77c7bd94f3bc270fe3fcb ?
I might be biased but I'd recommend getting started by trying out LitElement and following their guide/tutorial from https://lit-element.polymer-project.org/
It's also good to know what parts are related to web component standards and what is library specific. Some resources you might want to check out also:
vaadin-app-layout
, what is the procedure for registering styles for that element? I was using registerStyles('vaadin-app-layout', css
...);
and importing that into the element I was using vaadin-app-layout
, but that doesn't seem to work anymore.