F3X drop down menu's broken

I am the creator of a future Building Tools project, and also experienced this issue. Hopefully, I managed to get it fixed.

The problem is actually caused by a method used by F3X to definy the size of the dropdown that broke with Roblox updates. To repair the issue, you need to:

  1. Open the UI folder and open the Dropdown menu.
  2. In the :render() function, you’ll find a Layout element at the very end. Replace this element with:
 Layout = new('UIGridLayout', {
                CellPadding = UDim2.new();
				CellSize = UDim2.new(1 / math.ceil(#self.props.Options / self.props.MaxRows), 0, 1 / self.props.MaxRows, 0);
                FillDirection = Enum.FillDirection.Vertical;
                FillDirectionMaxCells = self.props.MaxRows;
                HorizontalAlignment = Enum.HorizontalAlignment.Left;
                VerticalAlignment = Enum.VerticalAlignment.Top;
                SortOrder = Enum.SortOrder.LayoutOrder;
                StartCorner = Enum.StartCorner.TopLeft;
            });

Instead of using the buggy method that gives this as a result, the new function will do as we know which size the UI will be.

Otherwisely, if your dropdowns elements are smaller, that means your MaxRows option is bigger than the integrity of your options. For now, you must change the MaxRows option to the number of options when experiencing this.

Hope it helps.

4 Likes