Quoted spoiler bug in Feedback Posted October 23, 2020 · Edited October 23, 2020 by bchan009 It seems like if you quote a post with a spoiler in it you can get unwanted behavior. If you open the spoiler before expanding the quote it is fine. If you expand the quote and then try to open the spoiler, it overflows the quote box. This happens on the 4.5 default theme. I have replicated it on a live site as well as a local testing site. EDIT: I have found the potential source of the problem. Normally a truncated quote has a set height of 168px. <div class="ipsQuote_contents ipsClearfix ipsTruncate" data-ipstruncate="true" data-ipstruncate-type="hide" data-ipstruncate-size="7 lines" data-ipstruncate-expandtext="Expand" style="position: relative; height: 168px;"> When you click 'Expand' the height is supposed to change to 'auto' -- but in certain situations, the height is still hard-coded to 168px. Here is an example where the user clicks 'Expand' but the height property is not changing like it should: <div class="ipsQuote_contents ipsClearfix" data-ipstruncate="true" data-ipstruncate-type="hide" data-ipstruncate-size="7 lines" data-ipstruncate-expandtext="Expand" style="position: relative; height: 168px;"> Because the expanded quote is still hard-coded with a 168px height, the spoiler inside will now overflow from its boundaries: Again this only happens if you click 'Expand' on the quote BEFORE you open the spoiler. If you open the spoiler first then everything is fine.
Quoted spoiler bug
in Feedback
Posted · Edited by bchan009
It seems like if you quote a post with a spoiler in it you can get unwanted behavior.
If you open the spoiler before expanding the quote it is fine.
If you expand the quote and then try to open the spoiler, it overflows the quote box.
This happens on the 4.5 default theme. I have replicated it on a live site as well as a local testing site.
EDIT: I have found the potential source of the problem.
Normally a truncated quote has a set height of 168px.
When you click 'Expand' the height is supposed to change to 'auto' -- but in certain situations, the height is still hard-coded to 168px. Here is an example where the user clicks 'Expand' but the height property is not changing like it should:
Because the expanded quote is still hard-coded with a 168px height, the spoiler inside will now overflow from its boundaries:
Again this only happens if you click 'Expand' on the quote BEFORE you open the spoiler. If you open the spoiler first then everything is fine.