{"action":"created","issue":{"url":"https://api.github.com/repos/ibm-js/deliteful/issues/551","labels_url":"https://api.github.com/repos/ibm-js/deliteful/issues/551/labels{/name}","comments_url":"https://api.github.com/repos/ibm-js/deliteful/issues/551/comments","events_url":"https://api.github.com/repos/ibm-js/deliteful/issues/551/events","html_url":"https://github.com/ibm-js/deliteful/issues/551","id":68888646,"number":551,"title":"ProgressBar: message appears twice when progressBar has an initial value","user":{"login":"EAlexRojas","id":2373303,"avatar_url":"https://avatars.githubusercontent.com/u/2373303?v=3","gravatar_id":"","url":"https://api.github.com/users/EAlexRojas","html_url":"https://github.com/EAlexRojas","followers_url":"https://api.github.com/users/EAlexRojas/followers","following_url":"https://api.github.com/users/EAlexRojas/following{/other_user}","gists_url":"https://api.github.com/users/EAlexRojas/gists{/gist_id}","starred_url":"https://api.github.com/users/EAlexRojas/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/EAlexRojas/subscriptions","organizations_url":"https://api.github.com/users/EAlexRojas/orgs","repos_url":"https://api.github.com/users/EAlexRojas/repos","events_url":"https://api.github.com/users/EAlexRojas/events{/privacy}","received_events_url":"https://api.github.com/users/EAlexRojas/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-04-16T09:56:31Z","updated_at":"2015-04-22T12:36:23Z","closed_at":null,"body":"When a ProgressBar is created with an initial value the message appears in two different places:\r\n\r\n![progressbar](https://cloud.githubusercontent.com/assets/2373303/7177449/0e75f27e-e427-11e4-8f7b-15cb318e3802.PNG)\r\n\r\nThe width of msgInvertNode (white text) is changed in refeshRendering method in order to have the same width than msgNode using getComputedStyle.  ([here](https://github.com/ibm-js/deliteful/blob/master/ProgressBar.js#L134))\r\n\r\nThis works on 0.6.0.\r\n\r\nI found that on 0.6.0 version, refreshRendering is called when there's already something displayed on the screen, but on actual version, when refreshRendering is called there's nothing  displayed yet on the screen. (so, getComputedStyle doesn't returns the desired value)\r\n\r\nNot sure if it's a delite problem or it's suposed to be like that and so it's a progressBar problem. \r\n\r\n@wkeese what do you think about it? \r\n\r\nCode used: \r\n```javascript\r\n<d-progress-bar value=40 max=100></d-progress-bar>\r\n````"},"comment":{"url":"https://api.github.com/repos/ibm-js/deliteful/issues/comments/95158656","html_url":"https://github.com/ibm-js/deliteful/issues/551#issuecomment-95158656","issue_url":"https://api.github.com/repos/ibm-js/deliteful/issues/551","id":95158656,"user":{"login":"tkrugg","id":2982512,"avatar_url":"https://avatars.githubusercontent.com/u/2982512?v=3","gravatar_id":"","url":"https://api.github.com/users/tkrugg","html_url":"https://github.com/tkrugg","followers_url":"https://api.github.com/users/tkrugg/followers","following_url":"https://api.github.com/users/tkrugg/following{/other_user}","gists_url":"https://api.github.com/users/tkrugg/gists{/gist_id}","starred_url":"https://api.github.com/users/tkrugg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tkrugg/subscriptions","organizations_url":"https://api.github.com/users/tkrugg/orgs","repos_url":"https://api.github.com/users/tkrugg/repos","events_url":"https://api.github.com/users/tkrugg/events{/privacy}","received_events_url":"https://api.github.com/users/tkrugg/received_events","type":"User","site_admin":false},"created_at":"2015-04-22T12:36:23Z","updated_at":"2015-04-22T12:36:23Z","body":"We might be able to get rid of the computed style by playing with the positioning, so that the inverted message scales to width:100% of the grand parent rather than the immediate parent. I'll let @EAlexRojas explore that possibility."}}