tolmasky / demokit

DemoKit is a Library and Electron app for building product demos and tutorials using web technologies
MIT License
428 stars 17 forks source link

"Blurb" element is not visible when attached to a callout #18

Open nahmjordan opened 7 years ago

nahmjordan commented 7 years ago

I required callout and blurb both and created a const named "styledBlurb" like what was done in the runkit demo. This stuff is fairly simple and identical to what was posted on github in the runkit demo (https://github.com/runkitdev/runkit-demo/blob/master/notebook-demo.js). When I try to create a callout with attached text, only the callout appears. I have tried testing to see if the text was defaulting to white on a white background which was not the case, I moved the window to see if it was appearing behind for some reason and that was not the case either. Below are the elements in question:

<callout from = { { x: 625, y: 675 } } to = { { x: 750, y: 625 } }>
    <styledBlurb>
          example text
    </styledBlurb>

</callout>

Everything is identical to the runkit demo so I'm unsure what is going wrong, thanks for any suggestions.

Update: I located the text behind the window far from next to the callout. Not sure why this is happening. It was behind the window when the callout was close to the top left so I imagine the example above is far out to the right of the electron window.