{"action":"closed","issue":{"url":"https://api.github.com/repos/wkhtmltopdf/wkhtmltopdf/issues/2207","repository_url":"https://api.github.com/repos/wkhtmltopdf/wkhtmltopdf","labels_url":"https://api.github.com/repos/wkhtmltopdf/wkhtmltopdf/issues/2207/labels{/name}","comments_url":"https://api.github.com/repos/wkhtmltopdf/wkhtmltopdf/issues/2207/comments","events_url":"https://api.github.com/repos/wkhtmltopdf/wkhtmltopdf/issues/2207/events","html_url":"https://github.com/wkhtmltopdf/wkhtmltopdf/issues/2207","id":57866897,"node_id":"MDU6SXNzdWU1Nzg2Njg5Nw==","number":2207,"title":"Javascript doesn't work...","user":{"login":"christophedebatz","id":3020403,"node_id":"MDQ6VXNlcjMwMjA0MDM=","avatar_url":"https://avatars3.githubusercontent.com/u/3020403?v=4","gravatar_id":"","url":"https://api.github.com/users/christophedebatz","html_url":"https://github.com/christophedebatz","followers_url":"https://api.github.com/users/christophedebatz/followers","following_url":"https://api.github.com/users/christophedebatz/following{/other_user}","gists_url":"https://api.github.com/users/christophedebatz/gists{/gist_id}","starred_url":"https://api.github.com/users/christophedebatz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/christophedebatz/subscriptions","organizations_url":"https://api.github.com/users/christophedebatz/orgs","repos_url":"https://api.github.com/users/christophedebatz/repos","events_url":"https://api.github.com/users/christophedebatz/events{/privacy}","received_events_url":"https://api.github.com/users/christophedebatz/received_events","type":"User","site_admin":false},"labels":[{"id":79167298,"node_id":"MDU6TGFiZWw3OTE2NzI5OA==","url":"https://api.github.com/repos/wkhtmltopdf/wkhtmltopdf/labels/NeedInfo","name":"NeedInfo","color":"fef2c0","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2015-02-17T00:07:37Z","updated_at":"2018-08-08T09:28:53Z","closed_at":"2018-08-08T09:28:52Z","author_association":"NONE","body":"Hi,\r\n\r\nI try to make javascript working before generating an image from an html document using wkhtmltoimage but it doesn't work. Chrome renders as I want and with javascript support but not wkhtmltoimage. I tried with both 0.12.1 (patched) and 0.12.2.1 but the result is the same. I tried all javascript option... but always same... I have no idea yet.\r\n\r\nHere is my HTML :\r\n\r\n```html\r\n            <!doctype html>\r\n            <html>\r\n                <head>\r\n                    <meta charset=\"utf-8\">\r\n                    <style rel=\"stylesheet\" type=\"text/css\">\r\n\r\n                        body {\r\n                            background-color: #D8E1E5;\r\n                            height: 100%;\r\n                            width: 100%;\r\n                            margin: 0;\r\n                            padding: 0;\r\n                            font-family: 'texgyreadventor-regular';\r\n                        }\r\n\r\n                        @font-face {\r\n                            font-family: 'texgyreadventor-regular';\r\n                            src: url('./tex.otf') format('truetype');\r\n                            font-weight: normal;\r\n                            font-style: normal;\r\n                        }\r\n\r\n                        .left-column {\r\n                            width: 275px;\r\n                            height: 100%;\r\n                            background-color: rgba(43,85,118,0.9); \r\n                            margin-left: 30px;\r\n                            position: relative;\r\n                            z-index: 10;\r\n                            padding-top: 45px;\r\n                            float: left;\r\n                        }\r\n\r\n                        .right-column {\r\n                            margin-left: 305px;\r\n                            padding-top: 60px;\r\n                            position: relative;\r\n                            z-index: 10;\r\n                            text-align: center;\r\n                        }\r\n\r\n                        .text-name {\r\n                            font-family: 'texgyreadventor-regular';\r\n                            font-size: 1.8em;\r\n                            font-weight: bold;\r\n                            color: #FFF;\r\n                            letter-spacing: 1.5pt;\r\n                            text-transform: uppercase;\r\n                            white-space: nowrap;\r\n                        }\r\n\r\n                        .header-bar {\r\n                            width: 100%;\r\n                            background-color: #D1A45B;\r\n                            height: 230px;\r\n                            margin-top: 40px;\r\n                            position: absolute;\r\n                            text-align: justify;\r\n                        }\r\n\r\n                        .header-title {\r\n                            position: relative;\r\n                            margin: auto;\r\n                            color: #FFF;\r\n                        }\r\n\r\n                        .header-picture {\r\n                            background-image: url('./gabriel/images/photo.png');\r\n                            width: 220px;\r\n                            height: 220px;\r\n                            border-radius: 110px;\r\n                            margin: auto;\r\n                        }\r\n\r\n                        .column-wrapper {\r\n                            height: calc(100%);\r\n                            min-height: 1000px;\r\n                        }\r\n\r\n                        .caption-container {\r\n                            padding-top: 40px;\r\n                            max-width: 375px;\r\n                            max-heigth: 65px;\r\n                            overflow: hidden;\r\n                            margin: 0 auto;\r\n                        }\r\n\r\n                        .text-caption {\r\n                            letter-spacing: 1.5pt;\r\n                            text-transform: uppercase;\r\n                            color: #FFF;\r\n                            font-family: 'texgyreadventor-regular';\r\n                            font-size: 19px;\r\n                            text-align: justify;\r\n                        }\r\n\r\n                        .titles {\r\n                            margin: 0 auto;\r\n                        }\r\n\r\n                        #separator {\r\n                            padding-top: 20px;\r\n                            margin: 0 auto;\r\n                            border-bottom: 5px solid #FFF;\r\n                        }\r\n                    </style>\r\n\r\n                    <script>\r\n                        function loading() {\r\n                            document.getElementById('separator').style.width = (document.getElementById('right-column').offsetWidth / 2).toString() + 'px';\r\n                        }\r\n                    </script>\r\n\r\n                </head>\r\n                <body onload=\"loading()\">\r\n                    <div class=\"header-bar\"></div>\r\n                    <div class=\"left-column\">\r\n                        <div class=\"header-picture\"></div>\r\n                        <div class=\"column-wrapper\"></div>\r\n                    </div>\r\n                    <div class=\"right-column\" id=\"right-column\">\r\n                        <section class=\"titles\">\r\n                            <span class=\"text-name\">christophe de batz</span>\r\n                            <div id=\"separator\"></div>\r\n                            <div class=\"caption-container\">\r\n                                <span class=\"text-caption\">En recherche d'un stage en finance de mai à aout 2015</span>\r\n                            </div>\r\n                        </section>\r\n                    </div>\r\n\r\n                </body>\r\n            </html>\r\n```\r\n\r\nAnd the command I used to generate the png:\r\n`$ wkhtmltoimage --javascript-delay 3000 --no-stop-slow-scripts index.html cv.png`\r\n\r\nThank's all.\r\n"}}
{"actor":{"display_login":"Tomsgu"}}