Error: Could not compute box model.

[suntong]

What is causing the Could not compute box model error?

I'm trying out a very simple noip.go, and it always ends up with a endless loop of the Could not compute box model error:

...,attributes":["class","login-link","href","https://www.noip.com/sign-up","onclick","ga('send', 'event', 'sign-in-modal', 'click', 'create-account');"]}]}}
2017/07/23 15:12:19 -> {"id":17,"result":{"nodeIds":[104,118]}}
2017/07/23 15:12:19 <- {"id":18,"method":"DOM.getBoxModel","params":{"nodeId":118}}
2017/07/23 15:12:19 <- {"id":19,"method":"DOM.getBoxModel","params":{"nodeId":104}}
2017/07/23 15:12:19 -> {"error":{"code":-32000,"message":"Could not compute box model."},"id":18}
2017/07/23 15:12:19 -> {"id":19,"result":{"model":{"content":[517,233,638,233,638,251,517,251],"padding":[507,223,648,223,648,262,507,262],"border":[506,222,649,222,649,263,506,263],"margin":[506,222,649,222,649,278,506,278],"width":143,"height":41}}}
2017/07/23 15:12:19 <- {"id":20,"method":"Runtime.evaluate","params":{"expression":"(function(a) {\n\t\treturn a[0].offsetParent !== null;\n\t})($x('/html[1]/body[1]/section[1]/section[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[2]/form[1]/input[2]'))","objectGroup":"console","includeCommandLineAPI":true,"returnByValue":true}}
2017/07/23 15:12:19 -> {"id":20,"result":{"result":{"type":"boolean","value":true}}}
2017/07/23 15:12:19 <- {"id":21,"method":"DOM.performSearch","params":{"query":"input[name=\"password\"]"}}
2017/07/23 15:12:19 -> {"id":21,"result":{"searchId":"24802.18","resultCount":2}}
2017/07/23 15:12:19 <- {"id":22,"method":"DOM.getSearchResults","params":{"searchId":"24802.18","fromIndex":0,"toIndex":2}}
2017/07/23 15:12:19 -> {"id":22,"result":{"nodeIds":[104,118]}}
2017/07/23 15:12:19 <- {"id":23,"method":"DOM.getBoxModel","params":{"nodeId":118}}
2017/07/23 15:12:19 <- {"id":24,"method":"DOM.getBoxModel","params":{"nodeId":104}}
2017/07/23 15:12:19 -> {"error":{"code":-32000,"message":"Could not compute box model."},"id":23}
2017/07/23 15:12:19 -> {"id":24,"result":{"model":{"content":[517,233,638,233,638,251,517,251],"padding":[507,223,648,223,648,262,507,262],"border":[506,222,649,222,649,263,506,263],"margin":[506,222,649,222,649,278,506,278],"width":143,"height":41}}}
2017/07/23 15:12:19 <- {"id":25,"method":"Runtime.evaluate","params":{"expression":"(function(a) {\n\t\treturn a[0].offsetParent !== null;\n\t})($x('/html[1]/body[1]/section[1]/section[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[2]/form[1]/input[2]'))","objectGroup":"console","includeCommandLineAPI":true,"returnByValue":true}}
2017/07/23 15:12:19 -> {"id":25,"result":{"result":{"type":"boolean","value":true}}}
2017/07/23 15:12:19 <- {"id":26,"method":"DOM.performSearch","params":{"query":"input[name=\"password\"]"}}
2017/07/23 15:12:19 -> {"id":26,"result":{"searchId":"24802.19","resultCount":2}}
2017/07/23 15:12:19 <- {"id":27,"method":"DOM.getSearchResults","params":{"searchId":"24802.19","fromIndex":0,"toIndex":2}}
2017/07/23 15:12:19 -> {"id":27,"result":{"nodeIds":[104,118]}}
2017/07/23 15:12:19 <- {"id":28,"method":"DOM.getBoxModel","params":{"nodeId":118}}
2017/07/23 15:12:19 <- {"id":29,"method":"DOM.getBoxModel","params":{"nodeId":104}}
2017/07/23 15:12:19 -> {"error":{"code":-32000,"message":"Could not compute box model."},"id":28}
2017/07/23 15:12:19 -> {"id":29,"result":{"model":{"content":[517,233,638,233,638,251,517,251],"padding":[507,223,648,223,648,262,507,262],"border":[506,222,649,222,649,263,506,263],"margin":[506,222,649,222,649,278,506,278],"width":143,"height":41}}}
2017/07/23 15:12:19 <- {"id":30,"method":"Runtime.evaluate","params":{"expression":"(function(a) {\n\t\treturn a[0].offsetParent !== null;\n\t})($x('/html[1]/body[1]/section[1]/section[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[2]/form[1]/input[2]'))","objectGroup":"console","includeCommandLineAPI":true,"returnByValue":true}}
2017/07/23 15:12:19 -> {"id":30,"result":{"result":{"type":"boolean","value":true}}}
^Csignal: interrupt

How to fix it and get my code working? Thx.

[aalexand]

I am seeing the same issue and wondering what may be causing it.

[vani-or]

Maybe you're using nodeId of another element which is hidden but which enters into the same selector search... It happened to me

[leafney]

I am a chromedp beginner and encountered the same problem. When I used:

chromedp.WaitVisible(`div#shareMask`),

Until I found out that this html element is hidden:

<div class="mask fixed" id="shareMask"></div>


.mask {
    display: none;
    ...
}

So, just change to a visible element.

[suntong]

@leafney, @Innuendo1975 👍 Thanks for the input 👍

But honestly speaking, I don't care any more because I've lost faith of this package the instance my simple question from a simple program was closed without a single explanation. How would I possibly build my empire based on a tool whose author has such an I-don't-give-a-damn attitude.

Just FTA, I'm looking at https://github.com/mxschmitt/playwright-go right now.