marcbachmann / node-html-pdf

This repo isn't maintained anymore as phantomjs got dreprecated a long time ago. Please migrate to headless chrome/puppeteer.
MIT License
3.56k stars 543 forks source link

Problems displaying OL lists #502

Open lucaskeller opened 5 years ago

lucaskeller commented 5 years ago

someone having problems displaying OL lists? it's not rendering the HTML properly like the example below:

HTML:

<ol type="1"><li><span style="text-transform: uppercase">General Operation</span><ol type="i"><li>No. of Cars: 2 (Duplex)</li><li>Type of Elevator: Passenger</li><li>Code Compliance:  ASME A 17.1-2005, Chapter 30, Appendix K & K3</li><li>Seismic Requirement: Zone 2</li><li>Line Voltage: 208V 3Ph 60Hz</li><li>Total Travel: 90' 0"</li><li>Landings: 10 (C, G, 2 - 8, R)</li><li>Maintenance Term: 12 Months from Inspection</li><li>Warranty Term: 12 Months from Inspection</li><li>Hoistway Information:</li><li>Capacity: 2500 lbs</li><li>Speed : 300 FPM</li><li>Operation: 2 Car Group</li></ol></li><li><span style="text-transform: uppercase">Controller</span><ol type="i"><li>Location: Adjacent on Roof Landing (REQUIRED)</li><li>Type: HM-500A</li><li>Standard Features:</li></ol></li><li><span style="text-transform: uppercase">Machine</span><ol type="i"><li>Machine Beams: Mounted in Wall Pockets</li><li>Type: MRL</li><li>Model: Imperial</li></ol></li><li><span style="text-transform: uppercase">Security Feature</span><ol type="i"></ol></li><li><span style="text-transform: uppercase">Fixtures</span><ol type="i"><li>Hall Lantern: N/A</li><li>Hall Face Plate Finish: SS #4</li><li>Hall PI: HID C001- 002</li><li>Buttons: Round or Square</li><li>COP Standard Features:</li><li>Car Face Plate Finish: SS #4</li><li>Access Key Switch: Top & Bottom</li><li>Car Operating Panel: Swing Return</li><li>Car Lantern: HLI-001 – 004</li><li>Hall Button: Combo w/PI- Duplex</li></ol></li><li><span style="text-transform: uppercase">Elevator</span><ol type="i"><li>Car Door Hand: PE 1: RH, PE 2: LH</li><li>Door Opening Width:  3' 6" Wide</li><li>Car Door Finish: SS #4</li><li>Door Opening Height: 7' 6"</li><li>Door Protection: Multi-Beam</li><li>Cab Finish (Side): SS #4</li><li>Ceiling Finish: SS #4</li><li>Ceiling Type: HMC CL01,CL02,CL04-CL06,CL08</li><li>Cab Finish (Rear): SS #4</li><li>Car Sill: Aluminum</li><li>Return & Transom Finish: SS #4</li><li>Clear Inside:</li><li>Ventilation: Two Speed Fan</li><li>Handrail Type: HMR 11, HMR 13, HMR 21-22</li><li>Flooring Thickness: PLEASE INDICATE</li><li>Handrail: Application: Rear Wall</li><li>Door Operator: GAL MOVFR</li><li>Car Door Type: Single Speed Side Slide</li><li>Cab Height 9' Clear</li><li>1 Set of Protective Pads Per Car</li></ol></li><li><span style="text-transform: uppercase">Entrances</span><ol type="i"><li>Frame Finish Main Floor: SS #4</li><li>Frame Finish Typical Floor: Painted</li><li>Door Finish Main Floor: SS #4</li><li>Door Finish Typical Floor: Painted</li><li>Entrance Sill: Aluminum</li><li>Entrance Wall Thickness: PLEASE INDICATE</li><li>Frame Type: Wide Straight & Bolted</li></ol></li></ol>

Expected layout: image image

PDF generated: image image

akhilkh2000 commented 5 years ago

What exactly does this issue mean? I can work on it

lucaskeller commented 5 years ago

means that using the default HTML markup for OL lists the result exporting to PDF is not expected when we use the type="i" property, for example, it does not break/restart the listing order nor does it change the bullet to roman numbers