[BUG] webhint ignores .browserslistrc in subfolder

Environment (please complete the following information):

• OS: Windows 10
• Extension version: 2.0.0

• Angular application (13.1.0)

Describe the bug:

I have an angular application and browsers are restricted to last 2 Edge versions in .browserslistrc. There are still hints (warnings/errors) about browser compatability. E.g. scss width: fit-content produces

width: fit-content’ is not supported by Firefox, Firefox for Android. Add ‘width: -moz-fit-content’ to support Firefox 3+, Firefox for Android 4+.Microsoft Edge Tools compat-api/css

Adding a .hintrc with

{
  "browserslist": [
    "last 2 Edge versions"
  ]
}

didn’t help either.

(When I open a folder with only a scss file with such a property and the .hintrc it does work as expected.)

Repro steps:

1. Create new angular application
2. Restrict .browserslistrc to last 2 Edge versions (or major)
3. Add .test { width: fit-content; } to app.component.scss

Expected behavior:

Only hint warnings/errors for browsers supported by the application.

Additional context:

[gunnarburmeister]

@antross Sorry for the late reply. I got sick and will only be able to check on this next week again on work. I didn’t update the .browserslistrc for this originally though. I just switched from the deprecated edge debugger to the new extension.

I did a quick test on my home machine and it seems to work fine here (not my work projekt though). Maybe I have some other conflicting extension installed on my work machine.

[antross]

Thanks @gunnarburmeister for the additional detail. Indeed, webhint only currently looks in the root of the workspace which seems to be the problem. I updated the issue title slightly to reflect this.

A full fix here likely involves having webhint lookup configs on a per-file basis (so it can look up the ancestor folder hierarchy of each given file for relevant configs rather than assuming the configs live at the workspace level).

FYI @vidorteg