Vue-material: Conflict with Leaflet.heat (heatmap don't show up)

[rafaelsmiranda]

It resumes to a CSS problem.
If vue-material.css is loaded (regardless of loading order), Leaflet.heat simply won`t show up.
Any ideas?

[rafaelsmiranda]

It has something to do with canvas...

font-family:Roboto,Noto Sans,Noto,sans-serif}ul:not(.md-list)>li+li{margin-top:8px}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;

Removing that canvas reference, the error is gone.

[Samuell1]

Try override max-width for that element i think that helps, max-width:none!important

[rafaelsmiranda]

Solved! Thanks :)

P.S.: For other seeking guidance, the max-width must be applied to the canvas tag.

<style>
    canvas {
        max-width: none !important
    }
</style>

[Morgul]

I'm going to close this issue. If you feel that there's an actual change that needs to be made to vue material (better css scoping, probably), please open a separate issue.