The list of modules is blank until I scroll the page to the end of the "Categories" sidebar, at which time the list of modules appears. When scrolling back to the top of the page, the modules list disappears again.

How can I troubleshoot?

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

neorg’s picture

Issue tags: +Same problem here

Same problem here.
Here is my full module list:

  • admin_menu
  • ckeditor
  • colorbox
  • content_access
  • ctools
  • date
  • devel
  • ds
  • elfinder
  • entity
  • entityreference
  • field_collection
  • field_collection_table
  • field_group
  • filefield_sources
  • i18n
  • libraries
  • logintoboggan
  • menu_views
  • module_filter
  • og
  • panels
  • pathauto
  • profile2
  • profile2_regpath
  • rel
  • rules
  • superfish
  • token
  • ubercart
  • uc_price_per_role
  • variable
  • views
  • webform

Browser : Firefox 29.0.1
Drupal: 7.27
PHP : 5.3.2-1ubuntu4.24
jQuery: 1.4.4

neorg’s picture

FileSize
136.33 KB
149.31 KB

Here some screenshots of the problem.
The filtered items are only visible if you scroll down until the last item in the left column is visible.

neorg’s picture

Title: Modules list hidden until scrolling to end of categories sidebar. » [SOLVED] Modules list hidden until scrolling to end of categories sidebar.
Issue tags: -Same problem here

I notice that this problem only occurs when I zoomed out one or more steps in the FireFox browser (ctrl+ -).

-1- The fast solution
Zoom in in your FF browser to 100% (ctrl+ 0)

-2- An other solution...
Enlarge the margin-right of the result area.
Keep in mind that the default layover is the admin core theme Seven. So you have to make this change in the CSS from Seven theme (not in your default theme). Remember that your changes are overwritten on an Drupal update. So if you want the changes permanent you have to copy the Seven them to a your--self--given-name theme.

Alter the CSS:
/*
* Fix lay-out module.filter
* When module.filter.result is empty. (Actually the result is at the bottom of the page, zoom out in browser)
* There is a small problem with the width whereby the result doesn't fit on his place besides the column on the left.
* increasing the margin-left with a few pixels solved the problem.
* default: margin-left: 240px;
*/
html.js #module-filter-modules {
margin-left: 242px;
}

jrandell’s picture

This issue had been driving my crazy for awhile, and I decided to try to do something about it today.

I came here to share my solution to this issue, I don't know if its better then neorg's, but here it is:

  1. open /sites/all/modules/module_filter/css/module_filter_tab.css
  2. Change line 119 to: margin-left: 245px;

That's it

mclinn’s picture

Thank you jrandell! I tried the css fix but no joy... hated the thought of having to go back to the old module list as I love the module filter for the same reasons everybody else does. Your fix seems to have done the trick for me!

I was having the exact same issue, for the record.

brylie’s picture

Here is a patch with line 119 changed to 16rem. This is basically the same as 245px, but using root em values (relative units) instead of absolute positioning.

brylie’s picture

Category: Support request » Bug report
Status: Active » Patch (to be ported)
jrandell’s picture

Hi brylie,
I'm pretty much of a noob with drupal (and web development in general, I'm a database guy)

I am honored that my little 'quick and dirty' was worthy of a patch.
It totally made my day!

Vincent_Jo’s picture

Thanks a lot!
This was driving me crazy as I don´t have this issue on several other sites (theme seven for administration).
The CSS patch solved it!

hobie17’s picture

sites/all/modules/module_filter/css

In module_filter_tab.css

html.js #module-filter-modules {
margin-left: 240px;

change margin-left to 280px solves the problem

hoporr’s picture

tried the patch on 7.x-2.0, and it worked as well.

gstout’s picture

Good lord, thank you!

I have been looking into this all day thing their was some serious issue at the core. When I saw the comment that says, "only happens when I'm zoomed" and I almost fell out of my chair.

I hit CTRL-0 and wallah it's all back. Thanks guys.

steinmb’s picture

Title: [SOLVED] Modules list hidden until scrolling to end of categories sidebar. » Modules list hidden until scrolling to end of categories sidebar
Version: 7.x-2.0-alpha2 » 7.x-2.x-dev
Status: Patch (to be ported) » Needs review

Resolve a issue with that latest version.

steinmb’s picture

Ref. #13 it surfaced on one of your production sites a few weeks ago, though re-testing it locally today and it seems to be gone. I'll not sure what/why we where seeing it. Peekaboo error are often caching related, though all our caches where cleaned out, and the little change in the CSS fixed the issue. I can verify that. Checking out HEAD again and the problem was back again though I'm not able to re-created the problem locally right now.

steinmb’s picture

FileSize
2.51 MB

Ah found it.
Firefox 37.0.1
OS X 10.10.x
Drupal 7.36
PHP 5.5.x
Module filter 7.x-2.0
jQuery default core, not updates

Created a small video https://www.drupal.org/files/issues/module_filter.mp4
- Zooming in OK
- Zoom 0 OK
- Zoom out FAIL

walevertdev’s picture

thnx neorg, zooming in actually did do away with the problem

loophole080’s picture

couldn't get the margin-left fix above to work and zooming is not a satisfactory fix for me

so, in the end, I just added the below to my theme as a workaround:

#module-filter-modules {
	position: relative;
	overflow: scroll; // optional, but recommended to avoid positioning issues
}
#module-filter-modules table {
	position: absolute;
}
svouthi’s picture

gstout - Thank you for mentioning that this only happens when zoomed. I was beginning to freak out since I'd just updated my sites to Drupal 7.41 and thought that might be the cause. No, it's that I'm zoomed since I'm working on a different laptop... Ctrl-0 fixed it for me too.

TWD’s picture

Same here.
Ctrl + 0 works for me !

mikedotexe’s picture

Ctrl + 0 confirmed here too. I don't remember zooming in, but that was it alright.

ikeigenwijs’s picture

Ctrl + 0 confirmed here too.

S.Wan’s picture

Ctrl+0 works for me too, many thanks!!

Chris Charlton’s picture

Such a simple remedy (Ctrl+0), yet such a pain that it still lingers.

veroniqueg’s picture

Ctrl+0 does it for me as well, thanks

aubjr_drupal’s picture

I just saw this yesterday in Firefox (latest version - 46+) in Linux. To add to #15's description, the bug appears only if the resulting font size of the zoom (in or out) is less than the default/reset browser text size (Ctrl+0).

The CSS in #17 (sans the overflow: scroll rule) works pretty well. The ideal solution would be a (currently non-existent) CSS @media selector that told you the currentFontSize/defaultFontSize ratio. If le 1, then apply X, but until then #17 works well enough.

aubjr_drupal’s picture

Forgot the patch file.

Peacog’s picture

I've just had the same problem with Firefox on Linux. #26 works for me. Thanks!

slipstreamer’s picture

I have just tested this patch 6 & 26 in a domain access website where it was occurring on some domains and these have fixed my issue

bevSDC’s picture

Thanks! I had the same problem in Chrome. control-0 worked for me.

purvas12’s picture

Tested patch in #26 on Firefox browser and it worked
Thanks!

Before:
before test

After:
after test

veroniqueg’s picture

patch #26 solved it for me, thanks

steinmb’s picture

Status: Needs review » Reviewed & tested by the community
Chris Charlton’s picture

Can't wait for this one to be gone! ;)

katrialesser’s picture

#26 worked for me too, thanks!!

ShaunDychko’s picture

Yep, #26 is the fix.

Chris Charlton’s picture

I think RTBC has been completed on this ticket. Let's get this merged! :)

  • aubjr_drupal authored a649f31 on 7.x-2.x
    Issue #2247031 by brylie, aubjr_drupal, neorg, purvas12, steinmb:...
greenSkin’s picture

Status: Reviewed & tested by the community » Fixed

Committed. Thanks everyone!

greenSkin’s picture

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.