search

brackets-archive / bracketsIssues

Archive of issues in brackets.
0 stars 0 forks source link

[CLOSED] Drag scrolling up doesn't work when dragging across a long inline editor #361

Open core-ai-bot opened 3 years ago

core-ai-bot commented 3 years ago

Issue by tvoliter Thursday Mar 01, 2012 at 21:20 GMT Originally opened as https://github.com/adobe/brackets/issues/363

1) Create a css and html file with the following content:

HTML (any long HTML file with a class reference in the middle of the doc will do)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License

Name       : Erasure
Description: A two-column, fixed-width design with a dark color scheme.
Version    : 1.0
Released   : 20120205
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Erasure by Free CSS Templates</title>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div id="logo">
            <h1><a href="#">Erasure</a></h1>
            <h2>Template design by Free CSS Templates</h2>
        </div>
        <div id="menu">
            <ul>
                <li class="first current_page_item"><a href="#">Homepage</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Photos</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Links</a></li>
                <li class="last"><a href="#">Contact</a></li>
            </ul>
            <br class="clearfix" />
        </div>
    </div>
    <div id="page">
        <div id="content">
            <div id="post1">
                <h2>Welcome to Erasure</h2>
                <img class="alignleft" src="images/img03.jpg" width="200" height="200" alt="" />
                <p>
                    This is <strong>Erasure</strong>, a free, fully standards-compliant CSS template by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. The pictures in this template are from <a href="http://pdphoto.org">PDPhoto.org</a> (via NASA). This free template is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attributions 3.0</a> license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
                </p>
            </div>
            <div id="post2">
                <h3>Ipsum felis pretium parturient</h3>
                <p>
                    Nibh sit nullam vulputate curabitur varius. Gravida dis leo in convallis nulla faucibus.
                </p>
                <ul class="list">
                    <li class="first"><a href="#">Convallis proin ante morbi</a></li>
                    <li><a href="#">Neque suscipit euismod tristique</a></li>
                    <li><a href="#">Tincidunt malesuada erat praesent</a></li>
                    <li><a href="#">Erat suscipit interdum dolor</a></li>
                    <li><a href="#">Neque suscipit euismod tristique</a></li>
                    <li><a href="#">Tincidunt malesuada erat praesent</a></li>
                    <li><a href="#">Erat suscipit interdum dolor</a></li>
                    <li class="last"><a href="#">Placerat morbi posuere congue</a></li>
                </ul>
            </div>
            <div id="post3">
                <h3>Ornare lacinia nisl</h3>
                <ul class="section-list">
                    <li class="first"><h4>Primis egestas luctus</h4><span>Gravida dis elit tincidunt in mi lobortis egestas sem hendrerit ullamcorper posuere sociis sed consequat lorem ipsum.</span></li>
                    <li><h4>Ipsum lectus</h4><span>Feugiat odio quisque vulputate diam lobortis congue blandit et sit faucibus quam amet accumsan lorem ipsum dolore.</span></li>
                    <li><h4>Urna erat molestie</h4><span>Rutrum vivamus mi nisl feugiat lectus eu curae nisl porta commodo adipiscing lacus.</span></li>
                    <li class="last"><h4>Porta lacus semper</h4><span>Molestie turpis lacinia gravida donec cum id suscipit at nunc in id justo veroeros.</span></li>
                </ul>
            </div>
            <br class="clearfix"    />
        </div>
        <div id="sidebar">
            <h3>Porta mollis</h3>
            <p>
                Primis nec nunc placerat enim duis. Duis auctor eget adipiscing vitae gravida dolor sed consequat.
            </p>
            <ul class="list">
                <li class="first"><a href="#">Nibh dolor ornare</a></li>
                <li><a href="#">Lacus sed posuere dictum</a></li>
                <li><a href="#">Sollicitudin tortor quisque primis lorem ipsum</a></li>
                <li class="last"><a href="#">Diam leo tempor dolore</a></li>
            </ul>
            <h3>Pellentesque cubilia urna consequat</h3>
            <ul class="list">
                <li class="first"><a href="#">Convallis a suspendisse</a></li>
                <li><a href="#">Augue augue ante</a></li>
                <li><a href="#">Nascetur parturient phasellus</a></li>
                <li><a href="#">Sodales felis ultrices</a></li>
                <li><a href="#">Nullam leo viverra</a></li>
                <li class="last"><a href="#">Feugiat purus diam</a></li>
            </ul>
        </div>
        <br class="clearfix" />
    </div>
</div>
<div id="footer">
    Copyright (c) 2012 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">CSS Templates</a>.
</div>
</body>
</html>

CSS (note, there is a lot of white space after margin to simulate a big css rule)

#wrapper {
    width: 980px;
    margin: 80px auto 0 auto;

    position: relative;
}

2. Put your cursor on "wrapper" of line 22 of the html file and press cmd -E to show the inline editor
3. Scroll down so you can see the main editor text below the inline editor. Click below the inline editor and drag upward past the top of the main editir

RESULT
- main editor does not auto scroll up, preventing me from select text above the inline editor. If you try this same test but start above the inline editor and drag down auto scrolling works.
core-ai-bot commented 3 years ago

Comment by njx Saturday Mar 03, 2012 at 02:54 GMT

Potential fix in CodeMirror as pull request https://github.com/adobe/CodeMirror2/pull/32

core-ai-bot commented 3 years ago

Comment by njx Saturday Mar 03, 2012 at 20:18 GMT

FBNC to@tvoliter

core-ai-bot commented 3 years ago

Comment by tvoliter Sunday Mar 04, 2012 at 16:43 GMT

verified fix. Closing