Moodle
  1. Moodle
  2. MDL-28164

Moodle Dock not showing up on Internet Explorer 8 or 9 clearly

    Details

    • Type: Bug Bug
    • Status: Open
    • Priority: Minor Minor
    • Resolution: Unresolved
    • Affects Version/s: 2.0.3, 2.1, 2.5.3
    • Fix Version/s: FRONTEND
    • Component/s: Blocks, Themes
    • Environment:
      Windows OS and Internet Explorer.
    • Database:
      MySQL
    • Testing Instructions:
      Hide

      Run your moodle site on Internet Explorer and click on the dock option on each block. Notice that the docks becomes bold with the letter of the block heading congested hence making it hard to read the heading. When the mouse moved over the dock, the heading darken further and hence not making it clear. You will find this issue in Internet Explorer 8 and 9. IE 7 has a different problem (the letters of the heading of the block are listed in vertically)

      Show
      Run your moodle site on Internet Explorer and click on the dock option on each block. Notice that the docks becomes bold with the letter of the block heading congested hence making it hard to read the heading. When the mouse moved over the dock, the heading darken further and hence not making it clear. You will find this issue in Internet Explorer 8 and 9. IE 7 has a different problem (the letters of the heading of the block are listed in vertically)
    • Workaround:
      Hide

      Run the website in Google chrome, fire fox , Safari and Opera.

      Show
      Run the website in Google chrome, fire fox , Safari and Opera.
    • Affected Branches:
      MOODLE_20_STABLE, MOODLE_21_STABLE, MOODLE_25_STABLE
    • Rank:
      17779

      Description

      Hi,

      The Docks when enabled does not show clearly on the left side of the moodle site on Internet Explorer 8 or 9. This sounds like a css rendering issue. Even the official community moodle site will not show up the docks properly when the blocks are docked to the left side of the window, instead it looks bold and congested. Does any one have a hack or something to fix this rendering issue on Internet Explorer?

      1. Chrome.jpg
        75 kB
      2. Firefox.jpg
        75 kB
      3. IE11.jpg
        69 kB
      4. IE8.jpg
        54 kB
      5. IE9.jpg
        56 kB

        Issue Links

          Activity

          Hide
          Michael de Raadt added a comment -

          Thanks for reporting this.

          I've put it on our backlog and we'll try to get to it as soon as we can.

          In the meantime adding more information, such as screenshots, replication instructions, fix test instructions, a workaround or even a code solution, will help us and other users.

          Show
          Michael de Raadt added a comment - Thanks for reporting this. I've put it on our backlog and we'll try to get to it as soon as we can. In the meantime adding more information, such as screenshots, replication instructions, fix test instructions, a workaround or even a code solution, will help us and other users.
          Hide
          Michael de Raadt added a comment -

          I was able to reproduce this problem in IE9.

          Show
          Michael de Raadt added a comment - I was able to reproduce this problem in IE9.
          Hide
          Vijay Nair added a comment -

          Thanks Michael,

          As you can see there is something stopping it from rendering properly on IE browsers. You will find this in both IE 8 and 9.

          Vijay

          Show
          Vijay Nair added a comment - Thanks Michael, As you can see there is something stopping it from rendering properly on IE browsers. You will find this in both IE 8 and 9. Vijay
          Hide
          Jonathon Fowler added a comment -

          I'm currently experimenting with trying to improve this too BTW. I'll include patches when I'm finished tinkering, but here's what I've found so far:

          • IE9 supports SVG, so filter-based rotation is only necessary for IE8 now.
          • It seems IE7 supports filter-based rotated text as long as it's applied in a stylesheet and not as an inline style. It still looks terrible, but no worse than IE8.
          • Interestingly, if the text is rendered top-to-bottom instead of bottom-to-top, the artifacts are not so bad. It's the filter that seems to do the damage.
          Show
          Jonathon Fowler added a comment - I'm currently experimenting with trying to improve this too BTW. I'll include patches when I'm finished tinkering, but here's what I've found so far: IE9 supports SVG, so filter-based rotation is only necessary for IE8 now. It seems IE7 supports filter-based rotated text as long as it's applied in a stylesheet and not as an inline style. It still looks terrible, but no worse than IE8. Interestingly, if the text is rendered top-to-bottom instead of bottom-to-top, the artifacts are not so bad. It's the filter that seems to do the damage.
          Hide
          Vijay Nair added a comment -

          Thanks Jonathan,

          I look forward to the patches. I think this is something that needs to be fixed specifically for IE. Or even a work around method may help for IE users. Thanks
          Vijay

          Show
          Vijay Nair added a comment - Thanks Jonathan, I look forward to the patches. I think this is something that needs to be fixed specifically for IE. Or even a work around method may help for IE users. Thanks Vijay
          Hide
          Michael de Raadt added a comment -

          I just tested this in various browsers.

          I found that this is a problem in IE8, but not later versions of IE or other browsers. I also found that the problem makes the docked block look a little awkward, but the block is still visible and usable.

          At the moment, IE8 is supported for versions up to Moodle 2.5, but support for IE8 has been dropped for Moodle 2.6.

          I'm reducing the priority of this issue. If someone feels they want to get this fixed before IE8 support is dropped completely, please go ahead.

          Show
          Michael de Raadt added a comment - I just tested this in various browsers. I found that this is a problem in IE8, but not later versions of IE or other browsers. I also found that the problem makes the docked block look a little awkward, but the block is still visible and usable. At the moment, IE8 is supported for versions up to Moodle 2.5, but support for IE8 has been dropped for Moodle 2.6. I'm reducing the priority of this issue. If someone feels they want to get this fixed before IE8 support is dropped completely, please go ahead.
          Hide
          Mary Evans added a comment -

          Amy Groshek did some work on the docked title changing and hard coded font-sizes, so this could be part of the problem. There was some JS involved too from memory. So this is more than likely the cause, although IE did always render the docked title wrongly in most themes.

          Show
          Mary Evans added a comment - Amy Groshek did some work on the docked title changing and hard coded font-sizes, so this could be part of the problem. There was some JS involved too from memory. So this is more than likely the cause, although IE did always render the docked title wrongly in most themes.
          Hide
          Gilles-Philippe Leblanc added a comment -

          I was working on this issue (MDL-32326) but the solution implemented did not fix all case. Check the comments and the patches, it will surely help.

          Show
          Gilles-Philippe Leblanc added a comment - I was working on this issue ( MDL-32326 ) but the solution implemented did not fix all case. Check the comments and the patches, it will surely help.

            People

            • Votes:
              2 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

              • Created:
                Updated: