Expand CoBlock Accordion for Printing

  • mode2ben

    (@mode2ben)


    4 years, 7 months ago

    Hi there.

    I have a page that uses CoBlock accordions to store a lot of content in a collapsed state by default.

    That’s fine for a screen viewer. When the page is printed however I want ALL of the accordion content to be printed — not just the accordions that are opened on screen.

    I would normally do this via print.css but I think that the CoBlocks accordion is Javascript driven so I need some direction / help to achieve this goal.

    Much appreciated,
    Ben

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jonathan Bardo

    (@jonathanbardo)

    4 years, 7 months ago

    Hey @mode2ben!

    The accordion block doesn’t use JavaScript to open and close. It actually just use the standard HTML tag <detail> with the property open. It seems like a ongoing issue with the CSS Working group that still hasn’t been resolve. You can follow here: https://github.com/w3c/csswg-drafts/issues/2084

    Thread Starter mode2ben

    (@mode2ben)

    4 years, 7 months ago

    Hi Jonathan,

    Thanks for the background info. So this has been a “missing feature” of the CSS spec since 2017.

    As an author that uses the <detail> tag have you ever seen any workarounds to this problem? To reiterate when the user goes to print a screen with collapsed (i.e. NOT OPEN) details blocks those detail blocks should be set to OPEN prior to printing.

    Many thanks for any additional wisdom you can share here!
    Ben

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Expand CoBlock Accordion for Printing’ is closed to new replies.