Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-64146

HTML5 details tag is not well styled

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: DEV backlog
    • Fix Version/s: None
    • Component/s: Accessibility, Themes
    • Labels:
    • Testing Instructions:
      Hide
      1. Add the following text to a label.
        <details><summary>Click here for more information</summary><p>This is the expanded content....</p></details>
      2. Check a caret is placed on the left of the summary text.
      3. Expand it and check the caret is there and change the direction.
      Show
      Add the following text to a label. <details> <summary>Click here for more information</summary> <p>This is the expanded content....</p> </details> Check a caret is placed on the left of the summary text. Expand it and check the caret is there and change the direction.

      Description

      By default: details tag has a caret facing right or down depending on the status: collapsed / expanded. I think bootstrap has overridden those styles that helps usability.

        Attachments

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              pferre22 Pau Ferrer
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Bas Brands, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated: