Skip to content

URL becomes too long and the website hangs when going to next exercise #7591

Closed
qeurago opened this Issue · 7 comments

2 participants

@qeurago

Challenge Taste the Bootstrap Button Color Rainbow has an issue.
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36.
Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<div class="container-fluid">
  <h2 class="red-text text-center">CatPhotoApp</h2>

  <p>Click here for <a href="#">cat photos</a>.</p>

  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>

  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <button class="btn btn-block btn-primary">Like</button>
  <p>Things cats love:</p> 
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
@qeurago

To reproduce, complete some exercises and try to go to the next one, and the website will hang after pressing submit. URL became over 2500 characters long and caused site-breaking performance issues when attempting to continue.

@BerkeleyTrue

@qeurago Which browser are you using?

@qeurago
@BerkeleyTrue BerkeleyTrue removed the blocked label
@BerkeleyTrue

How are you sure it's the url size that is causing the issue?

@qeurago
@BerkeleyTrue

That doesn't necessarily mean the issue is URL size. Chrome specifically has a very large URI limit(2MB), so I doubt that is it.

This is also something we've been doing for months now so the chances that this is an issue and no one has reported till now also signifies that the URI is unlikely the cause. We'll need a someone to be able to replicate this issue to be able to fix it.

@qeurago
@qeurago qeurago closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.