question-mark
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.

Curious bug with Adjust Margin challenge Beta

See original GitHub issue

Challenge adjust-the-margin-of-an-element has an issue. User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36. Please describe how to reproduce this issue, and include links to screenshots if possible.

Challenge requires camper to change margin: 10px; to margin: 20px; for .green-box { background-color: green; padding: 20px; margin: 10px; }

When running it initially the test processes it fine and accepts the answer. However, if I close the pop-up message instead of continuing to the next challenge and then Clear my Code using the Reset button (in order to play with the code before moving on, for example), the bug occurs. When repeating the challenge (changing 10px to 20px for green box, all other code left alone) and submitting Run Test, the code will automatically revert to 10px every time.

I’ve gotten it to stop the behaviour both by refreshing the page or by typing and then backspacing a space elsewhere, then Running Test again. The bug also does not appear if I type or alter code elsewhere in the editor.

It is repeatable in Incognito mode for Chrome, but when trying to repeat the issue for Firefox I could not get it to accept the solution of 20px whatsoever.



<style>
  .injected-text {
    margin-bottom: -25px;
    text-align: center;
  }

  .box {
    border-style: solid;
    border-color: black;
    border-width: 5px;
    text-align: center;
  }

  .yellow-box {
    background-color: yellow;
    padding: 10px;
  }
  
  .red-box {
    background-color: red;
    padding: 20px;
    margin: 20px;
  }

  .green-box {
    background-color: green;
    padding: 20px;
    margin: 20px;
  }
</style>
<h5 class="injected-text">margin</h5>

<div class="box yellow-box">
  <h5 class="box red-box">padding</h5>
  <h5 class="box green-box">padding</h5>
</div>

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
nicksavovcommented, Dec 17, 2017

I tested on a Windows computer with Firefox 57 and I couldn’t reproduce the issue.

@Skarrix @systimotic @Douglasdc3 , could you check the issue one more time? Looks like it’s resolved.

0reactions
systimoticcommented, Dec 21, 2017

Thanks for checking this @mpontus @nicksavov! Some recent changes to the beta fixed this issue.

Happy coding!

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change margins/page width in Confluence? Ne...
Let us know! Agree the margins are too wide on the new editor. It results in horizontal scroll bars for tables, etc which...
Read more >
The Need For Publicly Funded Trials To Get Unbiased ...
The biggest and best study supporting Gazyva's superiority to Rituxan was published in the March 20, 2014 issue of the New England Journal ......
Read more >
New features & announcements - Google Ads Help
The tool provides a forecast for how your media plan might perform, based on your desired audience, budget, and other settings such as ......
Read more >
Stem cell quest - PubMed
The recent publication by Herrmann et al. has defined a sub-population of leukaemic stem cells which are responsible for propagating the disease. CD26...
Read more >
I/UCRC: Center for Health Organization Transformation ...
This is a bi-annual progress meeting of the industry advisory board to review current research projects. Visitors interested in membership are welcome if ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found