Skip to content

fix: pfe-accordion-panel  #1809

@heyMP

Description

@heyMP

Description of the issue

pfe-accordion-panel border alignment is out of whack.

Impacted component(s)

  • pfe-accordion
  • pfe-content-set

Steps to reproduce

  1. Go to https://cdpn.io/heyMP/debug/KKvryaL?accordion-with-history=1-2
  2. Open first accordion item
  3. Verify that the border on the right has an alignment that is no bueno.

Possible solution

  1. Go to https://cdpn.io/heyMP/debug/KKvryaL?accordion-with-history=1-2
  2. Paste the following into the browser
for (let element of [...document.querySelectorAll('pfe-accordion-panel')]) {
    let style = document.createElement('style')
    style.innerHTML = `:host { box-sizing: border-box; }`;
    element.shadowRoot.prepend(style);
}

Screenshots

Screen Shot 2021-11-15 at 6 53 46 PM

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions