WordPress.org
Get WordPress

Make WordPress Core

Opened 18 months ago

Closed 7 months ago

#58676 closed defect (bug) (duplicate)

Twenty Twenty-Two: Comment text box is touching the screen border for mobile devices

Reported by: himshekhar07's profile himshekhar07 Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords:
Focuses: Cc:

Description

The comment textarea box is touching the screen border so the design does not look proper for different mobile devices like iPhone 12 pro, iPhone XR etc.

Screenshot: ​https://share.cleanshot.com/jFVNrx7tRZ2dNzvcjyfr

Attachments (4)

CleanShot 2023-06-30 at 10.18.00.jpeg​ (133.0 KB) - added by himshekhar07 18 months ago.
issue
58676.patch​ (456 bytes) - added by himshekhar07 18 months ago.
Patch added
58676.2.patch​ (485 bytes) - added by himshekhar07 18 months ago.
Patch
CleanShot 2023-06-30 at 18.30.11.jpeg​ (298.8 KB) - added by himshekhar07 18 months ago.
After applying patch

Download all attachments as: .zip

Change History (10)

@himshekhar07
18 months ago

issue

@himshekhar07
18 months ago

Patch added

#1 @ugyensupport
18 months ago

@himshekhar07 I could still see the same result adding your patch.

@himshekhar07
18 months ago

Patch

@himshekhar07
18 months ago

After applying patch

#2 @himshekhar07
18 months ago

@ugyensupport I have updated the patch please try this and I also added an image after applying the patch.

#3 @ugyensupport
18 months ago

great thanks @himshekhar07

#4 @ugyensupport
18 months ago

Twenty Twenty-Two: Comment text box is touching the screen border for mobile devices

Description

The comment textarea box is touching the screen border so the design does not look proper for different mobile devices like iPhone 12 pro, iPhone XR etc.

Environment

  • WordPress: 6.2.2
  • PHP: 8.0.0
  • Server: Apache/2.4.10 (Debian)
  • Database: mysqli (Server: 5.5.59-MariaDB-1~wheezy / Client: 5.5.62)
  • Browser: Chrome 114.0.0.0 (macOS)
  • Theme: Twenty Twenty-Two 1.4
  • MU-Plugins: None activated
  • Plugins:
    • WordPress Beta Tester 3.4.1

Steps to Reproduce

  1. The comment textarea box is touching the screen border so the design does not look proper for mobile devices like iPhone 12 pro, iPhone XR etc.
  2. 🐞 Bug occurs.

Expected Results

  1. ✅ It should be responsive

Actual Results

  1. ✅ After @himshekhar07's Patch It works smoothly with iPhone XR, Samsung Galaxy S20 Ultra users and supports those mobile users to those who have the same screen display.

iPhone XR. : ​https://ibb.co/5McLYzD
Galaxy S20 Ultra: ​https://ibb.co/0cJf6ry

  1. ❌ It still doesn't support iPhone SE, iPhone 12 Pro, Google Pixel 5, Samsung Galaxy S8+ Users.

iPhone 12 Pro: ​https://ibb.co/s9zgFBc

Last edited 18 months ago by ugyensupport (previous) (diff)

#5 @SergeyBiryukov
15 months ago

  • Component changed from Themes to Bundled Theme

#6 @sabernhardt
7 months ago

  • Keywords needs-patch removed
  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from new to closed

Thanks for reporting!

#57542 had already proposed editing the width, display and box-sizing properties for the legacy comment form textarea (among other changes).

Note: See TracTickets for help on using tickets.