Rendering issues in production build
Several items don't render well when built for production. This includes:
- interaction representation on guide, target or modification pages
- boxes on linear sequence
This is caused by conditional template refs (using :ref="condition ? 'myRef' : ''
), which don't work after the app has been built. In fact, the binding of ref
is used to provide a function to call when the element is updated, as explained here. Thus, using it to conditionally reference a template element is not really supported (even if working in development), so another strategy has to be adopted where this has been used.