Edit2: The challenge seems to be broken in Firefox?
Possible related issue
opened 05:36AM - 27 Dec 21 UTC
type: bug
help wanted
scope: curriculum
other: device specific
## Affected page
There are multiple pages affected. I will use [step 25](http… s://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-25) in the Learn Accessibility by Building a Quiz course as an example.
When using Firefox, the code check is erroneously failing for `border: 0`. The current assert for this test is
```
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.border, '0px');
```
Chrome-based browsers do return `0px` when `border` is set to `0` but Firefox is returning `0px none` and thus the assert is failing.
## Your code
The following assert fixes this issue and allows the border test to pass for both Chrome and Firefox.
```
assert.include(['0px', '0px none'], new __helpers.CSSHelp(document).getStyle('.sr-only')?.border);
```
## System
- Device: Desktop
- OS: Linux/Fedora 34
- Browser: Firefox
- Version: 95.0
## Additional context
I am going through the entire accessibility course and finding/fixing all of these Firefox-specific issues and will open a PR. Should I do a separate PR for each step that needs fixing or one PR that includes all of the fixed steps in the accessibility course?
For me, it does matter where I put the code.
@anOlimous Please do not post images but the actual code.
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.Note: Backticks (`) are not single quotes (’).
Edit: I guess we do not have an ask for help button (yet?) for the beta version.
1 Like
