W3C home > Mailing lists > Public > www-amaya@w3.org > January to March 2008

Vertical cursor decalage bug

From: Juan Lanus <juan.lanus@gmail.com>
Date: Fri, 25 Jan 2008 10:49:35 -0200
Message-ID: <ae65f3f20801250449u7b1ea3b6r3b6010bdc6f25044@mail.gmail.com>
To: www-amaya@w3.org
Hi,
This is a pesky but, difficult to reproduce.
See the attached image: the selection of the "ze" text was achieved with the
cursor appearing in the upper line, as shown in this forged image.
The horizontal position is no problem, but the vertical position sometimes
fails.
The effect is that when selecting text in one line the selection happens in
a different line than the one where the cursor is displayed.
I can not build a proper test case for this bug. But I can give tips:

   - It happens when the window is resized but not always
   - It occurs also, or only, in the tabs that are not shown
   - In the attached image there is a white gap between the tabs stripe
   and the tellow-background arrows: this is not in the page and might be the
   cause of the problem
   - reloading the page with F5 for example clears the problem
   - it might be necessary for the error to happen that the page tad a
   vertical scroll bar
   - it seems more a difference in the pixels height than in the lune
   number because by reducing the font size a two-line difference can happen
   - changing the font size with ^- does not reset the error
   - hitting F8 clears the error in the page displayed tab, the other
   pages are not changed

The second picture depics another case. Notice that the scrollbar is at its
top but the top of the page is not displayed.
This is Amaya 9.99-4 in Windows XP.  The CSS of these pages is attached
below just in case you wanted to look at it.
Good luck!
--
Juan Lanus

Z:\doc\2007\perdoc.css
@media all {
/* links en el encabezado de página de agenda */
.extLink {
    color: blue;
}
body {
    margin: 0px;
    margin-left: 8px;
    font-family: helvetica, sans-serif;
    font-size: 100%;
    background-color: #fffff8;
}
#agendaHeader {
    max-width: 50em;
}
#agendaHeader h1 {
    margin: 0px;
}
#agendaHeader span#linkPER {
    margin-left: 8em;
}
#agendaHeader ul {
    width: 100%;
    margin: 0px;
}
#agendaHeader li {
    margin: 0px;
}
#agendaHeader li img {
    vertical-align: bottom;
}
#agendaHeader hr {
    width: 100%;
    height: 4px;
    color: #c0c0c0;
}
/* tag external links with the ejected arrow */
a[href^="http:"] {
  background: url(linkOut.gif) no-repeat left bottom;
  padding-left: 18px;
}
a[href^="https:"] {
  background: url(linkOut.gif) no-repeat left bottom;
  padding-left: 18px;
}
/* a[href^="http://sol."] {
  background-image: none;
  padding-right: 0px;
} */
/* - - - - - - - - - - - - - - - - - - - */

html,body {
  height: 100%;
}
.sans {
  font-family: helvetica, sans-serif;
  font-size: 100%;
  background-color: #fffff8;
}
.imgL {
  float: left;
  margin-right: 2em;
}
.imgR {
  float: right;
  margin-left: 2em;
}
.word {
  color: #4040c0;
  font-size: 80%;
}
.printNoLinks{
}
.word a {
  color: #4040c0;
}
pre {
  font-family: monospace;
  font-size: 90%;
  background-color: #f8f8ec;
  opacity: 0.8;
}
code {
  font-size: 100%;
}
.small80 {
  font-size: 80%;
}
.small80 th {
  font-size: 110%;
}
.small70 {
  font-size: 70%;
}
.small80 th {
  font-size: 120%;
}
.prex {
  border: 1px solid;
  padding: 4px;
  background-color: #fffff0;
}
.prexSmall {
  border: 1px solid;
  padding: 4px;
  background-color: #fffff0;
  font-size: 70%;
}
.prex2em {
  border: 1px solid;
  padding: 4px;
  background-color: #fffff0;
  margin-left: 2em;
}
.dateSaved {
  font-size: 70%;
  color: #4040ff;
}
.msgToSelf {
  border: 1px solid gray;
  background-color: yellow;
  padding-left: 2px;
  padding-right: 2px;
}
.msgToSelf {
  opacity: .70;
}
.item {
  border: 1px solid silver;
  margin-bottom: 1ex;
  padding-left: 1ex;
}
P {
  margin-top: 6px;
  margin-bottom: 0px;
  padding-top: 1px;
}
ul, ol {
  margin-top : 0px;
  margin-bottom : 6px;
  margin-left : 0.2em;
  padding-left : 1em;
}
li {
  margin-left: 8px;
}
dd {
  margin-left : 2em;
}
table {
  border-collapse: collapse;
  empty-cells: show;
  border-style: solid solid solid solid;
}
th {
  font-size: 70%;
  background-color: #f1f1f1;
  opacity: 0.8;
}
td {
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.borderTable table {
  border: 1px solid silver;
}
.borderTable td {
  border: 1px solid silver;
}
.borderTable th {
  border: 1px solid silver;
}
h1{
  font-size : 133%;
}
h5 {
  text-decoration : underline;
  font-size: 95%;
}
h6 {
  font-size: 95%;
  font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: .5em;
  margin-bottom: 0px;
  padding-top: 1px;
}
blockquote {
  margin-top : 4px;
  margin-bottom : 2px;
}
ul, ol {
  margin-top : 0px;
  margin-bottom : 2px;
  margin-left : 4px;
}
li {
  margin-left: 8px;
}
img{
  border-width : 0px 0px 0px 0px;
}
hr {
  color: #808080;
  background-color: #808080;
  height: 1px;
}
ul {
  padding-left: 1em;
}
} /* fin de @media all */

/* los links se ven como links pero se imprimen como texto normal */
@media screen {
/* attempt to make a fixed DIV at the top with the links:
#agendaFixedHeader {
      z-index: 10;
      position: fixed;
      font-size: 100%;
      width: 100%;
      height:10px;
      list-style-type: none;
      margin: 0;
      text-align:left;
      padding: 0;
      border: 1px solid blue;
    }
*/
  a {
    text-decoration : underline;
    color: black;
  }
  a:link {
    text-decoration : underline;
  }
  a:visited {
    text-decoration : underline;
  }
  a:hover {
    background-color : yellow;
    text-decoration : underline;
  }
  body {
      background-image: url("flechaBG.gif");
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
  }
  .prex2em, .presmall, .prex {
      background-image: url("flechaBG.gif");
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
  }
  .agendaHeader ul li a {
      display: block;
  }
  .textColumn {
    max-width: 44em;
  }
}

@media print {
    a {
      text-decoration : none;
      color: black;
    }
    a:link {
      text-decoration : none;
      color: black;
    }
    a:visited {
      text-decoration : none;
      color: black;
    }
    a:hover {
      text-decoration : none;
      color: black;
    }
/* tag external links with the out-of-here arrow */
a[href^="http:"] {
  padding-left: inherit;
}
a[href^="https:"] {
  padding-left: inherit;
}
    /* print links href except for class "printNoLinks" */
    a:after {
      content: " [" attr(href) "]";
      font-size: 75%;
    }

    /* print links href except for class "printNoLinks" */
    .printNoLinks a:after {
      content: "";
    }



    /* no imprime links de navegación */
    #agendaHeader h1 a {
      display: none;
    }
}
Received on Friday, 25 January 2008 12:49:49 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 7 January 2015 14:53:39 UTC