Accessibility-insights-web: Missing stylesheet with Chromium on Linux

Created on 14 Mar 2019  路  5Comments  路  Source: microsoft/accessibility-insights-web

Describe the bug

When I try to run the extension on Chromium, I am running into various styling issues. This has occurred with both the Production and Canary extensions.

In the console for the "fast pass" window, I see a file not found error for /Styles/default/detailsview.css.

Style Issues:

  1. The popup (what is shown when you click the favicon) is too narrow. I have a feeling that there is another stylesheet that fails to load, but I do not see an error for it.
  2. The details view (the screen that is opened when you click on the FastPass or Assessment options in the popup) fails to load the detailsview CSS file.

I found the extension source code on my local filesystem, and the Styles/default/detailsview.css file exists there, so I'm not sure why Chromium cannot load it.

Screenshots

popup
fast-pass

Extension

  • OS: Linux Mint
  • Version 19.1
  • Chromium Version 72.0.3626.121
  • Target Page: any page

Are you willing to submit a PR?

If asked, will you be willing to submit a PR to fix this bug? Yes

Did you search for similar existing issues?

Did you search for similar issues in our github issues or on stackoverflow? Yes

bug

Most helpful comment

Aha, those darn Linux case sensitive paths! Thanks for the quick fix @smoralesd!

All 5 comments

Hi @pshrmn
Thanks for your interest on Accessibility Insights for Web.
You've mention you found "various styling issues", can you update the description of the issues, add the details of all the styling issues?
We'll triage once we get this information.

Hey @pshrmn, the styling issues are now fixed on master branch. Stay tune for extension updates to get this fixes.

01 - extension is working on linux

Aha, those darn Linux case sensitive paths! Thanks for the quick fix @smoralesd!

Hi @pshrmn This issues should be fixed on release [v2.0.5](https://github.com/Microsoft/accessibility-insights-web/releases/tag/v2.0.5. Download the extension from here.

Works like a charm now!

Was this page helpful?
0 / 5 - 0 ratings