Fjern massa onødvendig javascript fra Collapse #1872
Conversation
pethel
force-pushed
the
develop_fix-collapse
branch
from
27b096f to
9796dd7
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1872.westeurope.2.azurestaticapps.net |
pethel
force-pushed
the
develop_fix-collapse
branch
from
9796dd7 to
3930e28
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1872.westeurope.2.azurestaticapps.net |
1 similar comment
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1872.westeurope.2.azurestaticapps.net |
pethel
force-pushed
the
develop_fix-collapse
branch
from
3930e28 to
0f54d79
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1872.westeurope.2.azurestaticapps.net |
|
Urelatert, men på sikt bør vi kanskje skrive om accordion til å bruke: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details Da får vi mye gratis og kan droppe hele collapse dependency så vidt jeg forstår hvertfall |
Ja kanske det. Jag har satt meg in i den elementtet må jag inrøma. Spørs hvor mye man kan trenge animsjoner. Spørs vell også vad som er lov att ha i en details. |
| const [overflow, setOverflow] = useState(() => | ||
| isOpen ? 'visible' : 'hidden', | ||
| ); | ||
| const [visibility, setVisibility] = useState(() => |
There was a problem hiding this comment.
Burde kanskje beholde visibility hidden når den er lukket? Da kan ikke elementer fokuseres når den er lukket. Ser det ikke er et problem for accordion for der rendres ikke innholdet hvis lukket
There was a problem hiding this comment.
Det er ett veldig gott poeng. Det skall jag få fikset
There was a problem hiding this comment.
pethel
force-pushed
the
develop_fix-collapse
branch
from
0f54d79 to
2d3eabc
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1872.westeurope.2.azurestaticapps.net |
| className={classNames( | ||
| 'ffe-collapse', | ||
| isOpen && 'ffe-collapse--open', | ||
| isHidden && 'ffe-collapse--hidden', |
There was a problem hiding this comment.
Tror syntaksen for classNames er
'ffe-collapse--open': isOpen,
'ffe-collapse--hidden': isHidden
BREAKING CHANGE: markup in component is updated. Changed export from default to named.
pethel
force-pushed
the
develop_fix-collapse
branch
from
2d3eabc to
4ab3f17
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1872.westeurope.2.azurestaticapps.net |
Dagens Collapse har en svaghet. Accordion har ett proplem som kom up på vår Slack. Det går ikke att att legge til innehold dynasmisk. Jag tror det skyldes att dagens Collpase bergener højden som skall animeras med javascript.
Når man legger til nytt innehold så ær det forsatt denne bergenande højden som blir stående.
Vi skall se om dette hjelper. Det er oansett en mye elagantare løsning med mye mindre kode synes jag.
Bytta også fra default til named export for det er vel i stort sett det som er brukt andre steder. Det måtte oansett bli en breaking change pga av ny markup.
Det er vell denne jag bruker.
https://caniuse.com/mdn-css_properties_grid-template-rows_animation