Skip to content

评论表单.comment-checks内的元素错位 #1348

@yandujun363

Description

@yandujun363

注意,在报告之前请先确认:你已经清除过浏览器 / CDN 缓存;你没有修改过相关源代码;你已经在本仓库的issue中搜索确认了没有其他人提过了类似的问题。
在确定这的确是原项目中的问题之后,请删除这段文本,并继续报告。

问题出处:

评论区评论表单

实际行为描述:

在登录状态下,评论表单的.comment-checks内的元素错位,在屏幕宽度大于768时发生

预期的行为:

表单的.comment-checks内的元素应该正常显示

复现步骤:

具体我也不清楚,我这边是把仓库clone下来之后在登录状态下表单就是错位的

配置与环境:

  • 问题站点链接:氧度菌的个人博客
  • 问题页面:登录情况下任何一个有评论表单的地方
  • PHP 版本:
yangdujun@THINKPAD-E465 C:\Users\yangd>php -v
PHP 8.3.9 (cli) (built: Jul  2 2024 18:17:57) (NTS Visual C++ 2019 x64)
Copyright (c) The PHP Group
Zend Engine v4.3.9, Copyright (c) Zend Technologies
    with Zend OPcache v8.3.9, Copyright (c), by Zend Technologies
  • 数据库类型 / 版本:MySQL 8.0.43
  • WordPress 版本:6.9
  • 主题版本:仓库版本main分支,最后一次提交是fae8b45df440d8c35cbc97406838d8f4b26a9b7f
  • 使用的插件:
启用中的插件
Akismet Anti-spam: Spam Protection	作者:Automattic - Anti-spam Team – 5.6
Header and Footer Scripts	作者:Anand Kumar – 2.2.2
Loco Translate	作者:Tim Whitlock – 2.8.0
Markup Markdown	作者:Pierre-Henri Lavigne – 3.25.1
Redirection	John Godley
Simple CAPTCHA Alternative with Cloudflare Turnstile	作者:Elliot Sowersby, RelyWP – 1.35.0
Subscribe to Comments Reloaded	作者:WPKube – 240119
Wordfence Security	作者:Wordfence – 8.1.3
WPAvatar	作者:WPfanyi – 1.9.4
WP Mail SMTP	作者:WP Mail SMTP – 4.7.1
WP Super Cache	作者:Automattic – 3.0.3
Yoast SEO	作者:Team Yoast – 26.5
停用中的插件
Jetpack	作者:Automattic – 15.3
  • 浏览器:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.0.0

截图(若有)

Image

大于768宽度的情况

Image

小于768的情况

补充信息:

当初我把全部插件移除仍然是错位

Image

大于768的情况

Image

小于768的情况

尝试过自义定CSS来修复
但是不知道具体问题,就没成

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions