Tasklist checkbox displays as bullet point when page is exported to Word, PDF or HTML

Summary

Tasklist checkbox displays as a bullet point when the page is exported to Word or HTML

Steps to Reproduce

1. Login to Confluence
2. Create a page with task list macro
   
3. Export to Word or HTML

Expected Results

Checkboxes displayed (either as empty or checked in, depending on how it displayed on the page)

Actual Results

Tasklist checkboxes display instead as a bullet point

Notes

• An example Word document is attached to this issue: testnewpage.doc
• Comparing the page source shown below with the Confluence Storage Format, it is possible to see the similarities that may have caused the substitution of checkboxes for bullet points by the PDF plugin.
  

Workaround

The tested workaround below worked for PDF exports using Confluence 6.15.6 and Confluence 6.15.7:

1. Go to General Configuration > PDF Stylesheet
2. Click the Edit button
3. Insert the code below

   ul.inline-task-list > li {
       list-style: none;
       list-style-type: none;
       list-style-position: initial;
       list-style-image: initial;
       padding-left: 18px;
       margin-bottom: 2px;
       margin-left: -18px;
       background-repeat: no-repeat;
       background-repeat-x: no-repeat;
       background-repeat-y: no-repeat;
       background-size: 1em 1em;
       background-position: 0 1px;
       background-position-x: 0px;
       background-position-y: 1px;
       background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxyZWN0IGlkPSJhIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHJ4PSIyIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjRkFGQkZDIiB4bGluazpocmVmPSIjYSIvPjxyZWN0IHN0cm9rZT0iI0E1QURCQSIgeD0iLjUiIHk9Ii41IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIi8+PC9nPjwvc3ZnPg==);
   }
   
   ul.inline-task-list > li.checked {
       list-style: none;
       list-style-type: none;
       list-style-position: initial;
       list-style-image: initial;
       padding-left: 18px;
       margin-bottom: 2px;
       margin-left: -18px;
       background-repeat: no-repeat;
       background-repeat-x: no-repeat;
       background-repeat-y: no-repeat;
       background-size: 1em 1em;
       background-position: 0 1px;
       background-position-x: 0px;
       background-position-y: 1px;
       background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxyZWN0IGlkPSJhIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHJ4PSIyIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjNDI1MjZFIiB4bGluazpocmVmPSIjYSIvPjxyZWN0IHN0cm9rZT0iIzQyNTI2RSIgeD0iLjUiIHk9Ii41IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIi8+PHBhdGggZD0iTTQuNzA3IDYuMzc4YS45NzUuOTc1IDAgMCAwLTEuNDE0IDAgMS4wNjQgMS4wNjQgMCAwIDAgMCAxLjQ2NmwyIDIuMDc0YS45NzUuOTc1IDAgMCAwIDEuNDE0IDBsNC00LjE0OGMuMzktLjQwNS4zOS0xLjA2MSAwLTEuNDY2YS45NzUuOTc1IDAgMCAwLTEuNDE0IDBMNiA3LjcxOSA0LjcwNyA2LjM3OHoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
   }
   

1. Click Save
2. Export a page and check the workaround