SCSS - Core / list / TreeItem CSS issue

[fabricio.object]

Hello!

This is for ExtJS classic 6.2.1 (has been around for previous versions as well).

In the SCSS file below we got an ampersand operator which seems to be misplaced:

http://docs.sencha.com/extjs/6.2.1/c...1.html#line344

The output of theme-classic-all-debug_1.css for example, gets this line:

&.x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-text {

(line is 414 on my build of ExtJS 6.2.1). Isn't this parent selector operator (SCSS & -- ampersand) misplaced in that context?

I could get to the source file thru docs by the following path:
Ext.list.TreeItem > theme mixins > treelist-ui-body (private).

This issue does not really seem to break anything, but most likely the .x-treelist-highlight-path CSS class is not kicking in when it is used -- and probably on all themes.

It seems a too straightforward problem that was reported here and I don't really see where it breaks (didn't get down to make an example that actually tried to use that CSS class, as it is private), and it seems it just adds some CSS animation for tree items in lists.

But this may break very strict CSS interpreters of some sort. I believe just removing the ampersand there could address the potential issue!

[evant]

Can you please clarify your version of Ext/Cmd and also your operating system?

[fabricio.object]

Well, I don't run sencha CMD to get these

Sencha CMD version I used here is SenchaCmd-6.2.0-windows-64bit (so, windows 64-bit, on windows 8.1 here). But I see this on the file packed with ExtJS commercial package (which I don't run sencha CMD on it, it already has the file inside the zip file).

For instance (from cygwin) I can get the file with the ampersands as shown above with:

unzip -p ext-6.2.1.zip ext-6.2.1/build/classic/theme-classic/resources/theme-classic-all-debug_1.css | less

Lines 414, 419, 424, so it should be straightforward for you to reproduce the file on your side with latest version of Sencha CMD and ExtJS.

Aside of extjs 6.2.1, I found the same on the 6.2.0 commercial package zip.

On 6.0.2 package, I got the occurrences on lines 406, 411 and 416.
6.0.1 commercial, 404, 409, 414.

The difference is just that there are new CSS rules on the file as the versions progresses.

EDIT: I believe that's not a SDK/CMD bug, but the line with artifact/typo on the .scss algorithm.