Hard to move widgets in Chrome when the screen width is less than 600px

  • Hi,

    It is hard to drag and drop widgets in the admin (Appearance -> Widgets) when the browser width is less than 600px in Chrome. It seems the screen scrolls down automatically to an over-extent. In Firefox, it works fine.

    Does anybody know which CSS rules need to be adjusted to fix this issue?

    Using WordPress 4.0.

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)

  • yes, give me a site URL so i can give you perfact fix

    Thread Starter umchal

    (@umchal)

    @php-developer It’s local site. Can’t you reproduce the problem?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does the issue persist with all plugins deactivated & the Twenty Fourteen theme active?

    Thread Starter umchal

    (@umchal)

    @andrew It occurs when no plugin is activated with the Twenty Fourteen / Twenty Thirteen / Twenty Twelve theme.

    The steps to reproduce:
    1. Open widgets.php in Chrome.
    2. Add several widgets (maybe 5 to 8) in both Main Widget Area and Secondary Widget Area.
    3. Make the browser width less than 600 px.
    4. Drag one of the widgets in the main area.

    The browser will scroll down to the bottom. To drop the widget to a desired position, you have to scroll up with the wheel button.

    Thread Starter umchal

    (@umchal)

    It seems it is caused by overflow-x: hidden defined in wp-admin/css/common.css.

    @media screen and ( max-width: 782px ) {
	html.wp-toolbar {
		padding-top: 46px;
	}

	body {
		min-width: 240px;
		overflow-x: hidden;
	}

    Couldn’t replicate this on WordPress 4.1-alpha (vanilla install for the occasion) with Twenty Fourteen (haven’t tried the others) in Chrome v37.0.2062.124 or Chrome Canary (MacOS X 10.9.5).

    However, check what extensions you have (if any) installed in Chrome. Some inject Javascript or other scripts to pages (found out once when i tried to fix strange behaviour in a theme. Took me one week).

    Thread Starter umchal

    (@umchal)

    It was 480px not 600px, sorry. The title should be corrected.

    And it occurs in WordPress 4.1alpha with no plugin and in Chrome v37.0.2062.124 with no extension in Windows 7.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Hard to move widgets in Chrome when the screen width is less than 600px’ is closed to new replies.