Elements created in for loop trigger eachother

[one-two-three-four-five-six-seven]

I noticed this when trying to create buttons using debugui in a for loop due to the lack of drop down feature.
when one of them are pressed it will trigger all the elements created in the loop.

i honestly have no idea why this happens but it does.

[n4nn31355]

Hey! It's always good idea to provide part of the code to reproduce your issue.
I suppose you may have buttons with the same label, which are used as button id under the hood.
If so, check this commit on how to set different IDs to buttons with the same label

[ShadyHippo]

I have a similar issue with tree nodes and headers.

I just updated from an old version of the API where this worked to latest master where I see the issue.

func drawEntity(ctx *debugui.Context, e *entity.Entity) {
	ctx.Header(fmt.Sprintf("E:%d", e.Id), true, func() {
		ctx.Text(fmt.Sprintf("HP: %d/%d X: %d, Y: %d", e.Health, e.MaxHealth, int(e.X), int(e.Y)))
		ctx.TreeNode(fmt.Sprintf("General Info %d:", e.Id), func() {
			ctx.Text("Name: " + e.Name)
			ctx.Text(fmt.Sprintf("Width: %d Height: %d MoveRange: %d", e.Width, e.Height, e.MoveRange))
			ctx.Text(fmt.Sprintf("TargetX: %f TargetY: %f", e.TargetX, e.TargetY))

			ctx.Text(fmt.Sprintf("LookAngle: %f MoveAngle: %f", e.LookAngleRad, e.MovAngleRad))
			ctx.Text(fmt.Sprintf("MoveSpeed: %f Velocity: %f", e.MoveSpeed, e.Vel))

			ctx.TreeNode(fmt.Sprintf("Hitboxes %d:", e.Id), func() {
				for j, h := range e.Hitboxes {
					ctx.Text(fmt.Sprintf("%d| OffX:", j))
					ctx.SliderF(&h.OffX, 0, float64(e.Width), 0.5, 1)
					ctx.Text("OffY:")
					ctx.SliderF(&h.OffY, 0, float64(e.Height), 0.5, 1)
					ctx.Text("Size:")
					sizeMax := 0
					if e.Width > e.Height {
						sizeMax = e.Width
					} else {
						sizeMax = e.Height
					}

					ctx.SliderF(&h.Size, 0, float64(sizeMax), 0.5, 1)
				}
			})

			ctx.TreeNode(fmt.Sprintf("Pivots %d:", e.Id), func() {
				for j, p := range e.Pivots {

					ctx.Text(fmt.Sprintf("%d| OffX:", j))
					ctx.SliderF(&p.OffX, 0, float64(e.Width), 0.5, 1)
					ctx.Text("OffY:")
					ctx.SliderF(&p.OffY, 0, float64(e.Height), 0.5, 1)
					ctx.Text("Type:")
					ctx.Text(fmt.Sprintf("%d", p.BitType))

					ctx.Text("Selected: ")
					ctx.Text(fmt.Sprintf("%t", p.Selected))
					ctx.Text("Width:")
					ctx.Text(fmt.Sprintf("%d", p.Width))
					ctx.Text("Height:")
					ctx.Text(fmt.Sprintf("%d", p.Height))
				}
			})
		})
	})
}

I call this in a loop for all my entities. Despite using the entity id in the labels it's affecting each other. Any ideas would be really helpful.

It's the bottom of this window here. The Entities header works as it should, clicking E:1 or E:2 highlights both and does not close (I assume because it's double clicking). The nested trees also immediately open then close I assume those are double clicking too. The names are different though so I'm quite confused.

Interestingly, hover works as I'd expect. It only highlights the header under the cursor but when I click it highlights both with a click highlight.

The headers and tree nodes both don't work. Can I set ID for these as well?

I just tested this for my hitboxes by forcing them open instead of closed for the selected entity. These hitbox coordinates that are the same loop code creating the slider but different &h reference affect each other too:

			ctx.TreeNode(fmt.Sprintf("Hitboxes %d:", g.SelectedEntity.Id), func() {
				for j, h := range g.SelectedEntity.Hitboxes {
					ctx.Text(fmt.Sprintf("%d| OffX:", j))
					ctx.SliderF(&h.OffX, 0, float64(g.SelectedEntity.Width), 0.5, 1)
					ctx.Text("OffY:")
					ctx.SliderF(&h.OffY, 0, float64(g.SelectedEntity.Height), 0.5, 1)
					ctx.Text("Size:")
					sizeMax := 0
					if g.SelectedEntity.Width > g.SelectedEntity.Height {
						sizeMax = g.SelectedEntity.Width
					} else {
						sizeMax = g.SelectedEntity.Height
					}

					ctx.SliderF(&h.Size, 0, float64(sizeMax), 0.5, 1)
				}
			})

The slider directly following 0| OffX: and 1| OffX: affect one another once interacted with, but not until then. Since they only match before they are interacted with I know it's not referencing the wrong pointers. It's referencing the right pointers but they're getting tied together somehow 🤔

I hope I'm missing something? I did have a lot of compile errors updating to the new API

[ShadyHippo]

I found this the IDContext and it's exactly what I need:

func drawEntity(ctx *debugui.Context, e *entity.Entity) {
	ctx.IDScope(fmt.Sprintf("%d_E_scope", e.Id), func() {
		ctx.Header(fmt.Sprintf("E:%d", e.Id), true, func() {
			ctx.Text(fmt.Sprintf("HP: %d/%d X: %d, Y: %d", e.Health, e.MaxHealth, int(e.X), int(e.Y)))
			ctx.TreeNode(fmt.Sprintf("General Info %d:", e.Id), func() {
				ctx.Text("Name: " + e.Name)
				ctx.Text(fmt.Sprintf("Width: %d Height: %d MoveRange: %d", e.Width, e.Height, e.MoveRange))
				ctx.Text(fmt.Sprintf("TargetX: %f TargetY: %f", e.TargetX, e.TargetY))

				ctx.Text(fmt.Sprintf("LookAngle: %f MoveAngle: %f", e.LookAngleRad, e.MovAngleRad))
				ctx.Text(fmt.Sprintf("MoveSpeed: %f Velocity: %f", e.MoveSpeed, e.Vel))

				ctx.TreeNode(fmt.Sprintf("Hitboxes %d:", e.Id), func() {
					for j, h := range e.Hitboxes {
						ctx.IDScope(fmt.Sprintf("%d_HB_%dscope:", j, e.Id), func() {
							ctx.Text(fmt.Sprintf("%d| OffX:", j))
							ctx.SliderF(&h.OffX, 0, float64(e.Width), 0.5, 1)
							ctx.Text("OffY:")
							ctx.SliderF(&h.OffY, 0, float64(e.Height), 0.5, 1)
							ctx.Text("Size:")
							sizeMax := 0
							if e.Width > e.Height {
								sizeMax = e.Width
							} else {
								sizeMax = e.Height
							}
							ctx.SliderF(&h.Size, 0, float64(sizeMax), 0.5, 1)
						})
					}
				})

				ctx.TreeNode(fmt.Sprintf("Pivots %d:", e.Id), func() {
					for j, p := range e.Pivots {
						ctx.IDScope(fmt.Sprintf("%d_PV_%dscope:", j, e.Id), func() {
							ctx.Text(fmt.Sprintf("%d| OffX:", j))
							ctx.SliderF(&p.OffX, 0, float64(e.Width), 0.5, 1)
							ctx.Text("OffY:")
							ctx.SliderF(&p.OffY, 0, float64(e.Height), 0.5, 1)
							ctx.Text("Type:")
							ctx.Text(fmt.Sprintf("%d", p.BitType))

							ctx.Text("Selected: ")
							ctx.Text(fmt.Sprintf("%t", p.Selected))
							ctx.Text("Width:")
							ctx.Text(fmt.Sprintf("%d", p.Width))
							ctx.Text("Height:")
							ctx.Text(fmt.Sprintf("%d", p.Height))
						})
					}
				})
			})
		})
	})
}

Updated the code to that and it's all working 🎊

I don't think there is an example of IDScope being used in the ebitengine examples yet.

I don't have time to create one but maybe I will soon just for clarity of anyone else seeing this issue.

In the meantime hopefully this resolution posted in this issue helps

Thank you all for this wonderful library and for ebitengine!