Dropdown gui gets resized when scrolled on

When I click a dropdown button and the dropdown is down, and I scroll over it, the button gets resized and looks weird.


This is the hierarchy of the gui:
image

2 Likes

Can you show the dropdown script or the script that modify the size of that GUI?

local menu = script.Parent:WaitForChild("Menu")
local btn = script.Parent:WaitForChild("Button")

local open = false

menu.Transparency = 1
btn.MouseButton1Click:Connect(function()
	if not open then
		menu:TweenSize(UDim2.new(1, 0, 4, 0), "Out", "Sine", 0.15, true)
		open = true
		menu.Container.ScrollBarImageTransparency = 0
		menu.Transparency = 0
	else
		menu:TweenSize(UDim2.new(1, 0, 0, 0), "Out", "Sine", 0.15, true)
		menu.Container.ScrollBarImageTransparency = 1
		menu.Transparency = 1
		wait(0.05)
		open = false
	end
end)
1 Like

This usually happend when the button Are not scaled well (it happened to me a few times while drawing gui) Also make sure the tween size is correct.

Give a look at this: How to scale and position UI based on screen size - #3 by Winbloo

Let me know if it works.

It still has a weird effect. I’ve converted it to offset.
image

This means that they were on offset, and therefore they were not corrected by phone or for other devices
You Should reposition them now, work with the size and not with the offset.
So you will also be sure that any device will be able to see it correctly!

I’ve converted it to scale again, same effect.