Comments (5)
I believe that this is intentional, to help show that the examples are editable. But it's probably not actually very effective, and I agree with you that it has ugly side effects. We should stop doing it.
@mdn/core-dev , please could you transfer this to mdn/yari?
from bob.
@schalkneethling I transferred this issue to here. Seems like a pretty significant bug.
from bob.
What does use of this option do?
autofocus: boolean
Can be used to make CodeMirror focus itself on initialization. Defaults to off.
Apparently original code from 3+ years ago, perhaps something recently changing elsewhere has caused this effort to surface so obtrusively? Perhaps experimenting with that option commented out so that it can default to 'false' would be worth a try?
from bob.
@schalkneethling Can you please test to turn that to false
and see how it behaves?
from bob.
This bug is so annoying that when you go to https://developer.mozilla.org/en-US/docs/MDN/Kitchensink it always automatically scrolls you down to this interactive example:
from bob.
Related Issues (20)
- Wrap localStorage read/write access in try-catch block
- Insufficient color contrast in the interactive examples HOT 1
- Utilize ES6 features HOT 3
- css-examples: Regressions in bob v3
- Invalid CSS after editing isn't highlighted
- CSS editor: ctrl-X ctrl-V doesn't work
- Copy to clipboard from 'Try it' is not working
- backdrop-filter demo says the feature is not supported by Safari (but it is) HOT 9
- Horizontal scrollbar obscures content HOT 2
- Interactive Example Search Box looks broken / not intended HOT 3
- Consider extending feature detections for CSS functions HOT 4
- Interactive examples ignore changes of color schemes when features are not supported HOT 2
- in "try it" section"copy" button is not functioning!! HOT 1
- Remove feature detection and hiding of demo's in unsupported browsers HOT 10
- Interactive examples: scrollbars break dark theme HOT 1
- interactive examples: line numbers and code overlaps HOT 14
- HTML examples: sometimes line counter collapses HOT 7
- Bug: Line number in code snippets doesn't stay on the left side when scrolling HOT 11
- Interactive examples 2-column layout is not compatible with mobile HOT 5
- Code line numbers overlap with line content. HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bob.