В меню администратора Google Wordpress отображается глюк в Google Chrome

Недавнее обновление для Google Chrome, похоже, вызывает проблемы с моими административными меню WordPress.

Это происходит на всех сайтах, будь то в локальной разработке или в Интернете. Сайты прекрасно отображаются в других браузерах (Firefox и Safari).

Отключение всех плагинов и переход на стандартную Twentyfifteen тему не повлияли на этот глюк дисплея.

Известна ли проблема с Chrome? Может ли это быть исправлено?

Ответ 1

Эта проблема была недавно исправлена в Chrome 45.0.2454.93, поэтому нет необходимости использовать ее, если у вас установлена последняя версия Chrome

Код ниже приведен только для справки.

Вы можете исправить это с помощью CSS:

function chromefix_inline_css()
{ 
  wp_add_inline_style( 'wp-admin', '#adminmenu { transform: translateZ(0); }' );
}

add_action('admin_enqueue_scripts', 'chromefix_inline_css');

Добавьте это в свой файл темы functions.php, и это должно устранить проблему. Там не проверяется браузер Chrome, но похоже, что это исправление не оказывает негативного влияния на другие браузеры, поэтому никакого вреда не было.

Если вы просто хотите, чтобы плагин сделал это: https://github.com/raffjones/chrome-admin-menu-fix

Ответ 2

Изменить: эта проблема исправлена во всех версиях Chrome на всех платформах. Просто обновите Chrome до последней доступной версии вашего канала.

Старый ответ:

Перейти к chrome://flags/# disable-slimming-paint
Включите параметр "Отключить похудение".
Убедитесь, что параметр "Включить похудение" под ним не включен.
Перезапустите Chrome.

Исправляет это для меня. Кажется, ошибка находится в "Slimming Paint", которая является частью новой рендеринга Blink.

Ответ 3

Похоже, это просто подтолкнуло к выпуску Stable от Chrome 45. Я получаю именно этот испорченный дисплей в версии 45 Chrome на Mac и ПК.

Ответ 4

Возможно, удаление Chrome Beta решит эту проблему? Это помогло: -)

Ответ 5

попробуйте сделать это только для хром

в functions.php:

/* fix glitch on chrome for admin menus */
function chromefix_inline_css() { 
    wp_add_inline_style('wp-admin', '@media screen and (-webkit-min-device-pixel-ratio:0) { #adminmenu { transform: translateZ(0); } }');
}
add_action('admin_enqueue_scripts', 'chromefix_inline_css');

Ответ 6

Разный вариант ответа raffjones. Добавьте это в свой файл functions.php темы, и он исправит проблему. Я успешно прошел тестирование в Chrome 45 Mac:

// Patch for WP Admin rendering bug in Chrome 45+
function admin_menu_chrome_patch() {
    echo '<style>#adminmenu { transform: translateZ(0); }</style>';
}
add_action('admin_head', 'admin_menu_chrome_patch');