# Using the canvas as the parent of an element makes it disappear
**URL:** https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937
**Category:** p5.js
**Created:** [July 20, 2018, 3:32pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937 "2018-07-20T15:32:15Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@Albizia](https://discourse.processing.org/u/Albizia)
#### Post date: [July 20, 2018, 3:32pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/1 "2018-07-20T15:32:15Z")
Hello,
Why does a button disappear if I set canvas as his parent ?
```
canvas = createCanvas(800, 600);
button = createButton("huhu");
button.parent(canvas);
```
---
### Author:  [@kfrajer](https://discourse.processing.org/u/kfrajer)
#### Post date: [July 20, 2018, 4:22pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/2 "2018-07-20T16:22:53Z")
Check this answer [https://stackoverflow.com/questions/4797748/can-i-put-an-html-button-inside-the-canvas](https://stackoverflow.com/questions/4797748/can-i-put-an-html-button-inside-the-canvas)
I don’t think a canvas could contain a button. It could hover over the canvas. You just need to place it relative to the canvas’ parent and change its z-index.
Kf
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [July 20, 2018, 6:40pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/3 "2018-07-20T18:40:13Z")
- [https://Forum.Processing.org/two/discussion/28080/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear](https://Forum.Processing.org/two/discussion/28080/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear)
---
### Author:  [@kfrajer](https://discourse.processing.org/u/kfrajer)
#### Post date: [July 20, 2018, 6:59pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/4 "2018-07-20T18:59:41Z")
So I guess he is missing p5.dom? A canvas element can contain other html elements? That is not what I got from the stackoverflow question, @GoToLoop
Kf
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [July 20, 2018, 7:20pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/5 "2018-07-20T19:20:27Z")
> [@kfrajer](#):
>
> A `` element can contain other HTML elements?
I didn’t state anything other than reporting the sketch worked alright! 😑
That is, the `` SHOWS UP, regardless we use **parent()** or not to force it to be a child of the sketch’s ``. 🤑
If we hit F12 and inspect the “Elements” tab, we’ll see the `` is OUTSIDE the `` tag: 🤪
```auto
...
huhu
```
---
### Author:  [@Albizia](https://discourse.processing.org/u/Albizia)
#### Post date: [July 20, 2018, 9:30pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/6 "2018-07-20T21:30:17Z")
So that you can see what i’m seeing. [http://gosuness.free.fr/button/](http://gosuness.free.fr/button/)
Do you see that button disappear after 4 seconds ?
why is that button disappearing, does it go somewhere else ?
as you can see, I did include p5.dom
```auto
nouvelle page
```
```auto
function setup() {
canvas = createCanvas(800,600);
background(100);
button = createButton("huhu");
button.position(400,300);
setTimeout(function() {
button.parent(canvas);
}, 4000);
}
```
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [July 20, 2018, 9:41pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/7 "2018-07-20T21:41:01Z")
> [@Albizia](#):
>
> Do you see that button disappear after 4 seconds?
Nope, it stayed there! Have you tried your sketch on [My Sketch - OpenProcessing](https://OpenProcessing.org/sketch/create) already? 😳
---
### Author:  [@Albizia](https://discourse.processing.org/u/Albizia)
#### Post date: [July 20, 2018, 9:43pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/8 "2018-07-20T21:43:51Z")
I did try that code on [https://OpenProcessing.org/sketch/create](https://OpenProcessing.org/sketch/create),
and there the button doesn’t disappear.
But if I try it on [http://gosuness.free.fr/button/](http://gosuness.free.fr/button/) the button DOES disappear.
Why on earth is it doing that ?
---
### Author:  [@kfrajer](https://discourse.processing.org/u/kfrajer)
#### Post date: [July 20, 2018, 10:02pm UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/9 "2018-07-20T22:02:49Z")
You need to open the developer console and see if there is any error. Based on this discussion, if you don’t have p5.dom on the path you are specifying, then this things will happen. A simple test would be to use an online repo instead of local storage for your supporting script files.
Kf
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [July 22, 2018, 7:39am UTC](https://discourse.processing.org/t/using-the-canvas-as-the-parent-of-an-element-makes-it-disappear/1937/10 "2018-07-22T07:39:04Z")
> [@Albizia](#):
>
> … and there the button doesn’t disappear.
Sketches running under [OpenProcessing.org](http://OpenProcessing.org) are inside an `