problems to initialize in a canvas, a plugin fabric js, in a project vaadin

Hello I am having problems to use a plugin fabric js in a project vaadin 10,
I managed to load the js scripts in the view and execute, by console I see that I have the references but it is not displayed in the html and in the view, so that vaadin is blocking the initialization of fabric:

FrontEnd Code (html):

<script src="./dist/fabric.min.js"></script>
<!--Init Polymer binding Vaadin-->
    class ContainerTemplateMaker extends Polymer.Element {
        static get is() {
            return 'template-maker-view';

        static get properties() {
            return {
                // Declare your properties here.
    customElements.define(, ContainerTemplateMaker);

    canvas = new fabric.Canvas('Fcanvas');
    fabric.Object.prototype.transparentCorners = false;
    fabric.Object.prototype.cornerSize = 20;
        width: 500,
        height: 500


Java code :


import com.vaadin.flow.component.Tag;
import com.vaadin.flow.component.dependency.HtmlImport;
import com.vaadin.flow.component.dependency.JavaScript;
import com.vaadin.flow.component.polymertemplate.PolymerTemplate;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;
import com.vaadin.flow.templatemodel.TemplateModel;

@Route(value = BakeryConst.PAGE_MAKE_TEMPLATE, layout = MainView.class)
public class ContainerTemplateMaker extends PolymerTemplate {

public ContainerTemplateMaker()


Where is your Fcanvas element defined?

Hi Lagos,

Do you solve the problem with fabricjs?.

I try to integrate fabricjs (3.4.0) with Vaadin 14 and I have the similar problem.

Best regards