Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Chrome has blocked web preview in Create a Form Element Challenge. #15121

Closed
connorcodes opened this issue May 30, 2017 · 3 comments
Closed

Chrome has blocked web preview in Create a Form Element Challenge. #15121

connorcodes opened this issue May 30, 2017 · 3 comments

Comments

@connorcodes
Copy link

connorcodes commented May 30, 2017

Challenge Create a Form Element has an issue.
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36.
Error description from Chrome element inside the web preview: "Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards)." I'm assuming this is due to the form object I was asked to create. Here's a screenshot: https://drive.google.com/open?id=0ByseGpKvXIVDTTVYUVBzU0lLLWs

My code:

<link href="https://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>

<h2 class="red-text">CatPhotoApp</h2>

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

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<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">
      <input type="text" placeholder="cat photo URL">
</form>
@connorcodes connorcodes changed the title Chrome has blocked the preview because "Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards)." I'm assuming this is due to the form object. Chrome has blocked the preview in Create a Form Element Challenge. May 30, 2017
@connorcodes connorcodes changed the title Chrome has blocked the preview in Create a Form Element Challenge. Chrome has blocked web preview in Create a Form Element Challenge. May 30, 2017
@techtolentino
Copy link

@connorcodes - I'm using the same version of Chrome as you, and using your code in my browser, it's working 😅

screen shot 2017-05-30 at 4 58 36 am

@poncatoera
Copy link

Its also not working for me. I get the same errors

@dhcodes
Copy link
Contributor

dhcodes commented May 30, 2017

@connorcodes Thanks for reporting. This is a known issue. Check #13727. There is an open PR that should fix it once it's merged and the main site is updated.

@dhcodes dhcodes closed this as completed May 30, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants