Made a tooltip display system with Roblox's UI.MouseEnter() function and its trash, need solutions

Help and Feedback Scripting Support
#1

image
image830×661 146 KB

Yup, its just not reliable. As you can see from the prints it does not register the recent one. It is most common when you go back and forth in quick succession between icons

image

Just the tool tip image if you were curious

local function ButtonInteraction()
	for Key, ItemButton in pairs(InventoryButtons) do
		if ConnectedButtons[ItemButton] then continue end 
			ItemButton.MouseEnter:Connect(function()
				ConnectedButtons[ItemButton] = true
				local ReturnedItem = ItemLookUpTable.LookUpItem(ItemButton.Name)
	
				if not ReturnedItem then return end
				GUIUtils.DisplayToolTip(ReturnedItem)
				print("Hover")
			end)	

		
			ItemButton.MouseLeave:Connect(function()
				ConnectedButtons[ItemButton] = true
				local ReturnedItem = ItemLookUpTable.LookUpItem(ItemButton.Name)
				
				if not ReturnedItem then return end
				GUIUtils.HideToolTip()
				print("NotHover")
			end)

		ItemButton.MouseButton1Click:Connect(function()

		end)
	end
end

heres my code. If any of you have successfully made a reliable tooltip system tell me your secrets!

#2

The way roblox does it is create the tool tip label for each tool item and the mouse enter/exit just toggles the visibility. I’ve remade it myself, works fine. Your system appears more convoluted, so I can’t say for certain it’d retain its efficiency.

From the photos my guess was you have overlapping connections. When I read your code in your MouseEnter function you have:


and then you do the same thing in your MouseLeave function:

Without knowing anything else, my guess it you meant to set the table value to nil or false or do some kind of disconnection in the MouseLeave but idk for sure. Would also explain why you’re getting x2 prints (i.e. two statements are firing in the same frame so… kinda tells you’ve got some kind of build up somewhere)

#3

I mean I add the connection to a table but that’s it, could you elaborate more by chance? I’d really appreciate it!

#4

What’s the reason you have to check for ConnectedButtons[ItemButton] to see if the button was connected before? Why can’t you just call the function ButtonInteraction() once and never again?

#5

I changed this and the outcome remains the same. Even without the table at all it still acts funny

#6

The disappearing issue happens because Roblox fires the MouseLeave event on one ui element after MouseEnter on another, so you get this:
image
Since MouseLeave fires last, and you told it to hide the tool tip, it doesn’t appear. To fix it, keep track of which element you’re hovering over and don’t hide the tool tip if it’s not the current one we’re hovering over.

Here’s how to do this in your script, using a CurrentHover variable:

local CurrentHover = nil

local function ButtonInteraction()
	for Key, ItemButton in pairs(InventoryButtons) do
		if ConnectedButtons[ItemButton] then continue end 
			ItemButton.MouseEnter:Connect(function()
				ConnectedButtons[ItemButton] = true
				local ReturnedItem = ItemLookUpTable.LookUpItem(ItemButton.Name)
	
				if not ReturnedItem then return end
				GUIUtils.DisplayToolTip(ReturnedItem)
				CurrentHover = ItemButton -- We're hovering over this ui element
				print("Hover")
			end)	

		
			ItemButton.MouseLeave:Connect(function()
				if CurrentHover ~= ItemButton then return end -- If we are not hovering over this ui element, don't do anything
				ConnectedButtons[ItemButton] = true
				local ReturnedItem = ItemLookUpTable.LookUpItem(ItemButton.Name)
				
				if not ReturnedItem then return end
				GUIUtils.HideToolTip()
				CurrentHover = nil
				print("NotHover")
			end)

		ItemButton.MouseButton1Click:Connect(function()

		end)
	end
end
1 Like
#7

Damn thanks man, much appreciated

#8

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.