Flexbox row not working in .net version binary.ph2

pardonmeme

<style>

    body, p, h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        border: 0;
    }

    p, h1,h2,h3,h4,h5,h6, img  {
        display: block;
    }

    .row {
        box-sizing: border-box;
        display: flex;
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .col-6 {
        box-sizing: border-box;
        flex: 0 0 auto;
        flex-basis: 50%;
        max-width: 50%;
    }

    .fill-header {
        background: orange;
    }

    .b1 {
        background: olive;
    }

    .b2 {
        background: pink;
    }
</style>

<body>
    <div class="row fill-header">
        <p class="col-6 b1">Start header</p>
        <p class="col-6 b2">End header</p>
    </div>
</body>

I tried this code, and neither on playground or through the binary.ph2 version the flexbox is not workinng. :l

bjrmatos

yes, this is expected, phantom 2 does not support flexbox, maybe you should try chrome recipe instead

pardonmeme

@bjrmatos Is there any better guide how to add chrome engine to jsreport.locale. I tried following the guide on the page but without success :C

jan_blaha

Try pre-release nugets for jsreport.Local and jsreport.Binary. It includes jsreport v2 with chrome by default.
The chrome recipe won't run with the current nuget v1 packages.

pardonmeme

@jan_blaha

alt text

pardonmeme

and packages alt text

jan_blaha

You are probably still hitting the old one. Try to clean up bin. Kill all node.js process in taskmanager.

pardonmeme

Got a new error after cleaning and building again

alt text

pardonmeme

This post is deleted!

pardonmeme

This post is deleted!