manucorporat / stencil-flower

Stencil Flower

Stencil flower is a sample app showing the dynamic nature of CSS variables (compared to static SCSS vars) and experiments with CSS grid in order to center multiple elements in the same spot.

npm i
npm start

stencil-flower's Issues

Update to current Stencil

Resources:
Before submitting an issue, please consult our docs.

Stencil version: (run npm list @stencil/core from a terminal/cmd prompt and paste output below):

0.13.2

I'm submitting a ... (check one with "x")
[ ] bug report
[x] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com

Current behavior:

Old Stencil

Expected behavior:

Current Stencil

Steps to reproduce:

hostData is not applied

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com

Current behavior:
Hi, we tried to use our example to do something similar, because this is very useful in many scenarios and could it has great potentiality.

After playing some hours on one of your components with no luck we cloned your repo and and tested it, but it is not working at all.

It seems hostData is not working at all, as you can see in the next screenshot the style with the css vars are not applied at all

Also as you can see in next screenshot there is now flower shown but only a small point in the center

This is are +- the same problems we got on our internal tests.
We tested it with latest 0.10.0 and also your used 0.10.0-11 stencil version, we use latest chrome on ubuntu.
If we use your installed version https://manucorporat.github.io/stencil-flower/ with the same browser there is now problem it is working great and we can see also the hostData applied.