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.

Issue with "How to structure a web form": …

See original GitHub issue

MDN URL: https://developer.mozilla.org/en-US/docs/Learn/Forms/How_to_structure_a_web_form

What information was incorrect, unhelpful, or incomplete?

This is a suggestion for an improvement. In the code block sections there is often overflow content which causes a horizontal scroll bar to appear at the bottom of the block. Would it be possible to make the code block sections wider? It would be easier to type the code if I didn’t have to repeatedly scroll down and adjust the horizontal bar.

Specific section or headline?

Step 5 of ‘Active learning: building a form structure’ is a good example of this.

What did you expect to see?

Did you test this? If so, how?

MDN Content page report details

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:19 (16 by maintainers)

github_iconTop GitHub Comments

2reactions
schalkneethlingcommented, Jan 27, 2021

Problem is that we don’t have a URL for the content inside the <pre> tag.

Crazy idea, but couldn’t the content of <pre> be read into a Blob which then gets piped into createObjectURL which is used to open a new window?

It probably could, but I guess the larger question is whether the end-user benefit will justify the engineering and maintenance effort to make this possible across all pages.

I know we wanted to get to something actionable so, how about we implement the suggestion here https://github.com/mdn/yari/issues/2187#issuecomment-759278250, instrument it, and have a look after 30 days or so to get an idea of how many people use the feature.

1reaction
peterbecommented, Jan 13, 2021

3 things going on here:

  1. Ability to see the whole of the inline code example
  2. Ability to see the whole of a live sample
  3. Ability to change the display/stretch of an inline code example.

This issue is a mess (but full of useful discussions and thought-jots). Can someone distill it down to 1 thing or close it?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to structure a web form - Learn web development | MDN
You now have all the knowledge you'll need to properly structure your web forms. We will cover many of the features introduced here...
Read more >
Designing Efficient Web Forms: On Structure, Inputs, Labels ...
Structure This includes the order of fields, the form's appearance on the page and the logical connections between multiple fields. · Input ...
Read more >
How not to design web forms - Webflow
A somewhat-snarky look at mistakes web designers often make when building forms, with tips on building forms right. No items found. Web forms. ......
Read more >
Form design best practices - Medium
Form design best practices · Use a label · Avoid placeholders as a label · Keep labels short · Match field length and...
Read more >
Standard Practices for Designing Most Efficient Web Forms
1. Structure of Form ... The form displays with a respective title for each section of the form and it asks for only...
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