Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[RTL][SCSS] rtl:ignore is not respected during `quasar build`

See original GitHub issue

When using scss or sass using the special syntax of #{"/* rtl:ignore */"}; for signaling the rtlcss to ignore this rule during build process, will not do anything and the direction will be flipped anyway.

Since #8073 these rtl:ignore rules are used in core positioning classes and this issue causes a RTL Quasar project to be pretty much unusable with current version because everything for example QHeader will have positioning problem and won’t stretch to the whole width of screen.

Steps to reproduce on a freshly created Quasar v1.14.7 project:

set lang: 'fa-ir' and rtl:true in quasar.conf.js
quasar build && cd dist/spa && quasar serve
try closing the drawer and see the header will shrink to its content width.

This does not happen during development using quasar dev and happens only with quasar build which makes this a very tricky issue because the problem won’t be seen until the project is deployed and everything during development looks fine.