Make WordPress Core

Opened 5 months ago

Last modified 3 months ago

#58676 new defect (bug)

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

Reported by: himshekhar07's profile himshekhar07 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: needs-patch
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 5 months ago.
issue
58676.patch (456 bytes) - added by himshekhar07 5 months ago.
Patch added
58676.2.patch (485 bytes) - added by himshekhar07 5 months ago.
Patch
CleanShot 2023-06-30 at 18.30.11.jpeg (298.8 KB) - added by himshekhar07 5 months ago.
After applying patch

Download all attachments as: .zip

Change History (9)

@himshekhar07
5 months ago

Patch added

#1 @ugyensupport
5 months ago

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

@himshekhar07
5 months ago

Patch

@himshekhar07
5 months ago

After applying patch

#2 @himshekhar07
5 months ago

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

#3 @ugyensupport
5 months ago

great thanks @himshekhar07

#4 @ugyensupport
5 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 5 months ago by ugyensupport (previous) (diff)

#5 @SergeyBiryukov
3 months ago

  • Component changed from Themes to Bundled Theme
Note: See TracTickets for help on using tickets.