#35137: Collapsible error container elements do not indicate that they are
interactive
-------------------------------------+-------------------------------------
Reporter: Denis Anuschewski | Owner: Abhijeet
Type: | Singh
Cleanup/optimization | Status: assigned
Component: Error reporting | Version: dev
Severity: Normal | Resolution:
Keywords: | Triage Stage: Accepted
Has patch: 1 | Needs documentation: 0
Needs tests: 1 | Patch needs improvement: 1
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Comment (by Denis Anuschewski):
Hey there.
In the meantime I came up with my own approach. You can check out my PR if
you like: https://github.com/django/django/pull/18198
The collapsible code line elements are now rendered as details/summary
tags and are slightly more highlighted by having a thin border plus a
differently colored icon (+/-) which indicates toggling functionality.
Some javascript was needed for adjusting the behavior of the
details/summary tags as they did not allow the center code line element to
be in the middle after opening (it always pops up on top). But it's not
much and the end result works and feels the same as with native details
and summary tags. Plus the HTML markup is now more semantic.
With the new changes you can also "step" through the elements by clicking
on tab/shift+tab and easily open and close them without losing focus.
Keyboard ninjas will hopefully appreciate this ⌨️🥷
[[Image(https://code.djangoproject.com/attachment/ticket/35137/collapsibles.png)]]
Cheers
Denis
--
Ticket URL: <https://code.djangoproject.com/ticket/35137#comment:15>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/0107018fb1c511ac-34244947-5ecc-4fc6-bce7-8a0b5eaf8b13-000000%40eu-central-1.amazonses.com.
