Demos - Demo page for headings length limit
Closed this issue · 2 comments
sebastian0107 commented
We need a demo page to show how we can handle the headings that exceeds a characters limit
sebastian0107 commented
Firstly, we extracted all headings from the document. For every heading, we check its length. If its length is greater than our limit we will create a new counter which will be displayed next to the heading in the document. Furthermore, the extra characters will be highlighted so it will be easier for users to adapt their heading.
To achieve the sticky counter effect we put the text and the counters in a stack. Every time the document changes or the page is scrolled we update the position of the counters.
sebastian0107 commented