`querySelector` dept

[uxdxdev]

Just playing around with this and I dont think the querySelector works as expected.

Using

  querySelector: '#root div div',

Only selects '#root div', I'll do more testing...

[uxdxdev]

Maybe its just my understanding of the querySelector so what I want do is only output whats inside the #root div div to sketch, but instead its outputting everything under #root wether I use #root div div or #root

[uxdxdev]

module.exports = {
  output: 'docs/react.asketch.json',
  input: 'docs/iframe.html',
  pageTitle: 'Stories',
  querySelector: '#root div div',
  verbose: true,
  stories: [
    {
      kind: 'Components/Card',
      stories: [
        {
          name: 'Card',
        },
      ],
    },
  ],
};

Getting

Based on the above config #root div div the Sketch output includes the Implementation text, but this is not inside #root div div.

[chrisvxd]

@damorton I don't think you're misinterpreting the querySelector functionality, but I'm struggling to reproduce.

Is it possible to get access to your source to investigate? If not, would you be able to provide me with a code snippet of your story so I can attempt to reproduce?

[chrisvxd]

@beautifwhale updating comment handle because I think you renamed.