KM Design System
  • KM Design System
  • Getting Started
  • Create An Article
    • Standard Template
    • FAQ Template
    • How-To Template
    • KCS Template
    • Known Error Template
    • Known Issue Template
    • Service Description Template
    • What Is Template
  • Contribute To the Design System
  • Requesting Help
  • Writing
  • Accessible Writing
  • Fonts & Typefaces
  • Grammar & Mechanics
  • Headers
  • Meta Tags
  • Title Capitalization
  • Web Components
    • Accordion
      • How-To Apply Accordion
      • Accordion Bug
    • Horizontal Rule
    • Images
    • Links
      • How To Apply Link Variant
    • Tables
      • How To Create Accessible Tables
      • Styling & Formatting (coming soon)
  • Patterns
    • 3 Card Layout
      • Article 3 Card
      • Category Desc 3 Card
  • Release Notes
    • March 18, 2021 Release
Powered by GitBook
On this page

Was this helpful?

  1. Web Components
  2. Accordion

Accordion Bug

PreviousHow-To Apply AccordionNextHorizontal Rule

Last updated 4 years ago

Was this helpful?

When using the "Paste as Text" feature to customize an accordion, the article editor may produce an HTML artifact in the source code that reads as open="open". See the snippet below for an example.

<details open="open">
<summary>Premise</summary>
<p>The premise of the show is, because it&rsquo;s the world according to Jeff Goldblum, it&rsquo;s me with all the information and experience that my life has entailed up til this point now plopping me I go the world of and exploration of one thing or another. It&rsquo;s not as if I do some extra homework/research/bone up on it so that I tend to know something about it and then tell you about it. No, it&rsquo;s not like that.</p>
<p>&mdash;&thinsp;Jeff Goldblum, host[3]</p>
</details>

As a result, your accordion(s) will be expanded upon page load. This may be a desirable effect

Work-Around

Open the HTML source code and delete the open="open" bit of code.

Select "OK" to close the modal window and save your work.

An example of the accordion bug where the content is expanded upon page load.