Print page with accordion - text cut off

Hi. We have been trying many things to fix the issue that the text inside the accordion is cut off at the page break. Please see the screenshot below. I got it from the Print Preview.

If you have any solution, would you please help?

Thank you!
Ann

Hi Ann,

I can see you do have a lot of site. Can you share the exact page URL with accordion issue. Possible reasons might be a height was set on accordion or we need to issue a clear on a float. I can’t confirm unless I saw the actual element. Please share the URL so we can be specific on our suggestion. Thank you.

Hi @Lely,

The site that has issue is in the development environment. Unfortunately it is not accessible from outside.
However, we figure out a way to fix for now. This is what we do:

  .x-acc-header {
			display: inline !important;
			width: auto !important;
			float: none !important;
			position: static !important;
			overflow: visible !important;
  }

  .x-acc-item {
			display: block !important;
			width: auto !important;
			float: none !important;
			position: static !important;
			overflow: visible !important; 
  }

Not sure if that is 100% correct, but it does solve the issue.

Hello @joannhu,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.