[Django] #36807: Admin fieldset field layout issue in the Safari browser.

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
--------------------------+-------------------------------------------
Reporter: Antoliny | Type: Bug
Status: new | Component: contrib.admin
Version: 6.0 | Severity: Release blocker
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
--------------------------+-------------------------------------------
Currently, on Safari, `fieldset` fields are rendered differently from
regular fields in the admin interface.

[[Image(safari_fieldset.png)]]

In other browsers, fieldset is rendered consistently with normal fields,
and Safari should behave the same way.

[[Image(fieldset_diff.png)]]

This issue appears to be caused by the `legend` element, which seems to be
unaffected by its parent flex container due to Safari specific rendering
behavior.

It has been identified as a regression introduced by
https://github.com/django/django/commit/4187da258fe212d494cb578a0bc2b52c4979ab95
--
Ticket URL: <https://code.djangoproject.com/ticket/36807>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.

---------------------------------+--------------------------------------
Reporter: Antoliny | Owner: (none)

Type: Bug | Status: new
Component: contrib.admin | Version: 6.0

Severity: Release blocker | Resolution:

Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0

---------------------------------+--------------------------------------
Changes (by Antoliny):

* Attachment "fieldset_diff.png" added.

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+--------------------------------------
Reporter: Antoliny | Owner: (none)
Type: Bug | Status: new
Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
---------------------------------+--------------------------------------
Changes (by Antoliny):

* Attachment "safari_fieldset.png" added.

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+--------------------------------------
Reporter: Antoliny | Owner: (none)
Type: Bug | Status: new
Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
---------------------------------+--------------------------------------

Description changed by Antoliny:

Old description:

> Currently, on Safari, `fieldset` fields are rendered differently from
> regular fields in the admin interface.
>
> [[Image(safari_fieldset.png)]]
>
> In other browsers, fieldset is rendered consistently with normal fields,
> and Safari should behave the same way.
>
> [[Image(fieldset_diff.png)]]
>
> This issue appears to be caused by the `legend` element, which seems to
> be unaffected by its parent flex container due to Safari specific
> rendering behavior.
>
> It has been identified as a regression introduced by
> https://github.com/django/django/commit/4187da258fe212d494cb578a0bc2b52c4979ab95

New description:

Currently, on Safari, `fieldset` fields are rendered differently from

regular fields in the admin change form.

[[Image(safari_fieldset.png)]]

In other browsers, fieldset is rendered consistently with normal fields,
and Safari should behave the same way.

[[Image(fieldset_diff.png)]]

This issue appears to be caused by the `legend` element, which seems to be
unaffected by its parent flex container due to Safari specific rendering
behavior.

It has been identified as a regression introduced by
https://github.com/django/django/commit/4187da258fe212d494cb578a0bc2b52c4979ab95

--

--
Ticket URL: <https://code.djangoproject.com/ticket/36807#comment:1>

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+--------------------------------------

Reporter: Antoliny | Owner: Pravin
Type: Bug | Status: assigned

Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
---------------------------------+--------------------------------------

Changes (by Pravin):

* owner: (none) => Pravin
* status: new => assigned

--
Ticket URL: <https://code.djangoproject.com/ticket/36807#comment:2>

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+--------------------------------------

Reporter: Antoliny | Owner: (none)
Type: Bug | Status: new

Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
---------------------------------+--------------------------------------
Changes (by Pravin):

* owner: Pravin => (none)
* status: assigned => new

--
Ticket URL: <https://code.djangoproject.com/ticket/36807#comment:3>

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.

---------------------------------+---------------------------------------
Reporter: Antoliny | Owner: Jacob Walls
Type: Bug | Status: assigned

Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:

Keywords: | Triage Stage: Accepted

Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0

Easy pickings: 0 | UI/UX: 1
---------------------------------+---------------------------------------
Changes (by Jacob Walls):

* owner: (none) => Jacob Walls
* stage: Unreviewed => Accepted

* status: new => assigned

* ui_ux: 0 => 1

Comment:

Thanks for the triage, replicated.
--
Ticket URL: <https://code.djangoproject.com/ticket/36807#comment:4>

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+---------------------------------------
Reporter: Antoliny | Owner: Jacob Walls
Type: Bug | Status: assigned
Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
---------------------------------+---------------------------------------
Changes (by Jacob Walls):

* Attachment "change-password-chrome.png" added.

--
Ticket URL: <https://code.djangoproject.com/ticket/36807>

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+---------------------------------------
Reporter: Antoliny | Owner: Jacob Walls
Type: Bug | Status: assigned
Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
---------------------------------+---------------------------------------
Changes (by Jacob Walls):

* Attachment "change-password-safari.png" added.

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+---------------------------------------
Reporter: Antoliny | Owner: Jacob Walls
Type: Bug | Status: assigned
Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
---------------------------------+---------------------------------------

Comment (by Jacob Walls):

Also affects the change password form, see uploads.
--
Ticket URL: <https://code.djangoproject.com/ticket/36807#comment:5>

[Django]

#36807: Admin fieldset field layout issue in the Safari browser.
---------------------------------+---------------------------------------
Reporter: Antoliny | Owner: Jacob Walls
Type: Bug | Status: assigned
Component: contrib.admin | Version: 6.0
Severity: Release blocker | Resolution:
Keywords: | Triage Stage: Accepted

Has patch: 1 | Needs documentation: 0

Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
---------------------------------+---------------------------------------

Changes (by Jacob Walls):

* has_patch: 0 => 1

Comment:

[https://github.com/django/django/pull/20418 PR]
--
Ticket URL: <https://code.djangoproject.com/ticket/36807#comment:6>