histoire-dev / histoire-dev/histoire
Can't render multiple controls without wrapping them in a container
- Dominant language
- TypeScript
- Stars
- 3.6k
- Forks
- 212
- PR merge metrics
- No merged PRs in 30d
Description
### Describe the bug
The following code should render two controls (as shown in the [documentation](https://histoire.dev/guide/vue3/controls.html#builtin-controls)), however no controls are rendered.
```html
```
Wrapping both controls inside a container solves the issue:
```html
```
I provided a Nuxt Stackblitz reproduction, with two ``s of ``, reproducing the bug.
### Reproduction
[Nuxt Stackblitz](https://stackblitz.com/edit/histoire-nuxt3-starter-v5yvne?file=components%2FBaseButton.story.vue)
### System Info
```shell
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
Binaries:
Node: 18.18.0 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 10.2.3 - /usr/local/bin/npm
pnpm: 8.14.0 - /usr/local/bin/pnpm
npmPackages:
@histoire/plugin-nuxt: ^0.17.10 => 0.17.10
@histoire/plugin-vue: ^0.17.11 => 0.17.11
histoire: ^0.17.9 => 0.17.9
```
### Used Package Manager
npm
### Validations
- [X] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://histoire.dev/guide/).
- [X] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/histoire-dev/histoire/discussions).
- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.
Contributor guide
Assessment
This issue has not been assessed yet.