Code: Select All Jumps To Top Of Page?

[.lucifer]

Thank you all for the advice! For now, I think I'll try switching to another browser. I know code boxes work in internet explorer (the browser I use for drawing in the oekaki) but I will try @Nanami's browser before switching to IE or Firefox.
I do hope someone figures out a way for this to work in chrome though! (im quite attached, pff)

[*JACKAL*]

Ah! Not the fact that I spilt coffee on my computer then. And on the chrome one too. Again.

[Nolan]

Thank you all for the advice! For now, I think I'll try switching to another browser. I know code boxes work in internet explorer (the browser I use for drawing in the oekaki) but I will try @Nanami's browser before switching to IE or Firefox.
I do hope someone figures out a way for this to work in chrome though! (im quite attached, pff)

Don't believe tablets work on Oekaki with the Maxthon browser, just a heads up.

[kartharon]

& i've heard that tablets work much better on the firefox browser.

just an update, i am having the same problem as you on the firefox browser. i've never experienced this before on either google chrome or firefox so i guess i'm not sure what's going on. c:

[Aaron✦]

& i've heard that tablets work much better on the firefox browser.

just an update, i am having the same problem as you on the firefox browser. i've never experienced this before on either google chrome or firefox so i guess i'm not sure what's going on. c:

I've been having the issue in chrome and it's also now happening in firefox for me as well. It may have changed when I updated my firefox? Did it stop working after you updated firefox?

[.lucifer]

I switched to my old, not updated version of firefox, and codeboxes now work fine, so i do think that it has something to do with a recent update for chrome and/or firefox.

[kartharon]

& i've heard that tablets work much better on the firefox browser.

just an update, i am having the same problem as you on the firefox browser. i've never experienced this before on either google chrome or firefox so i guess i'm not sure what's going on. c:

I've been having the issue in chrome and it's also now happening in firefox for me as well. It may have changed when I updated my firefox? Did it stop working after you updated firefox?

sorry about the late response. it stopped working after i updated my firefox and installed the latest version. i know that my google chrome browser also has an update, but i haven't updated it yet.

[nickjr]

I'm an admin on another phpBB forum (no link, sorry; private forum) and the Select all works there. phpBB version 3.1.10 over there. From CS's main CSS page, it looks like CS is on phpBB version 3.0.x

I put "test" into a codebox on that forum and CS and then compared the HTML. The HTML of the links themselves aren't different, but the surrounding code is a little different. I can look up what the different tags are for, and I can look at the CSS later but if someone knows off the top of their head, that would be great

(codeboxes used here only so you can read more easily)

Code: Select all

<div class="content">
   <dl class="codebox">
      <dt>
         Code: <a href="#" onclick="selectCode(this); return false;">Select all</a>
      </dt>
      <dd>
         <code>test</code>
      </dd>
   </dl>
</div>

Code: Select all

<div class="content">
   <div class="codebox">
      <p>
         Code: <a href="#" onclick="selectCode(this); return false;">Select all</a>
      </p>
      <code>test</code>
   </div>
</div>

(if you quote this and you're on Chrome: Chrome will tell you there's unusual code on the page when you try to preview the post, but you should be able to post just fine)

My initial thought is that maybe CS is using deprecated tags that browser developers are dropping support for, but I don't know if that even makes sense. My second thought after looking at the code is that the <dd> tag works differently now, whatever it is...

[nickjr]

I found this. It's related, but not directly related.

Also found the selectCode() method in the .js files (looks like they come with phpBB).

Code: Select all

function selectCode(a)
{
   // Get ID of code block
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

   // Not IE and IE9+
   if (window.getSelection)
   {
      var s = window.getSelection();
      // Safari
      if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      // Firefox and Opera
      else
      {
         // workaround for bug # 42885
         if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
         {
            e.innerHTML = e.innerHTML + '&nbsp;';
         }

         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   // Some older browsers
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   // IE
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}

Code: Select all

function selectCode(a) {
   'use strict';

   // Get ID of code block
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
   var s, r;

   // Not IE and IE9+
   if (window.getSelection) {
      s = window.getSelection();
      // Safari and Chrome
      if (s.setBaseAndExtent) {
         var l = (e.innerText.length > 1) ? e.innerText.length - 1 : 1;
         try {
            s.setBaseAndExtent(e, 0, e, l);
         } catch (error) {
            r = document.createRange();
            r.selectNodeContents(e);
            s.removeAllRanges();
            s.addRange(r);
         }
      }
      // Firefox and Opera
      else {
         // workaround for bug # 42885
         if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) === '<BR>') {
            e.innerHTML = e.innerHTML + '&nbsp;';
         }

         r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   // Some older browsers
   else if (document.getSelection) {
      s = document.getSelection();
      r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   // IE
   else if (document.selection) {
      r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}

Unfortunately, I don't actually know JavaScript |||OTL I can guess what's going on, but I don't actually know, so... Can anyone figure out what's going on?