I'm trying to make a simple note GUI. But it's not what I want

[TheEmreTutuk (TheEmre)]

Hello guys, I’m trying to make a simple note-taking GUI for a project.

I want my notetaking GUI to be something like this.

I looked through these topics. It didn’t help a bit.

Scrolling Into the Future with TextBoxes

Hi Creators, We’re excited to announce support for TextBox scrolling on desktop platforms. Text will now scroll when your cursor leaves the bounds of your TextBox to keep what you’re typing in view at all times. Multiline vertical scrolling is also supported. This new behavior allows users to edit longer text without needing to enable something like TextScaled, which often shrinks text to an unreadable size. [image] Example of TextBox scrolling [image] Example of multiline vertical…

How to make textboxes follow current cursor position?

One idea could also be to have one container object which just serves as a ClipsDescendants, and then have the TextLabel just slide around underneath that container. This lets you do things like follow the cursor as you move it back and forth, closer to how web input boxes work. I coded this example. Could add more features or whatever. Setup: [image] Script: local TextService = game:GetService("TextService") local container = script.Parent -- should be a Frame or something like that cont…

Scrolling Into the Future with TextBoxes

I’m having issues with this while inside a scrolling frame.

This is the latest situation.

How can I do what I want? I am waiting for your help.

[7z99 (cody)]

Can you share what your requirements are and what your setup currently looks like?

[TheEmreTutuk (TheEmre)]

setup

ScrollingFrame AutomaticCanvasSize = XY and canvas size 0 but AutomaticSize = None

Textbox size = 1,1 scale ,AutomaticSize = XY and TextWrapped = false

LocalScript code

local TextService = game:GetService("TextService")

local container = script.Parent -- should be a Frame or something like that
container.ClipsDescendants = true

local box = container.TextBox

local PADDING = 4 -- pixels to the left/right of text

local function Update()
	local reveal = container.AbsoluteSize.X

	if not box:IsFocused() or box.TextBounds.X <= reveal - 2 * PADDING then
		-- we aren't focused, or we fit so be normal
		box.Position = UDim2.new(0, PADDING, 0, 0)
	else
		-- we are focused and don't fit, so adjust position
		local cursor = box.CursorPosition
		if cursor ~= -1 then
			-- calculate pixel width of text from start to cursor
			local subtext = string.sub(box.Text, 1, cursor-1)
			local width = TextService:GetTextSize(subtext, box.TextSize, box.Font, Vector2.new(math.huge, math.huge)).X

			-- check if we're inside the box with the cursor
			local currentCursorPos = box.Position.X.Offset + width

			-- adjust if necessary
			if currentCursorPos < PADDING then
				box.Position = UDim2.fromOffset(PADDING-width, 0)
			elseif currentCursorPos > reveal - PADDING - 1 then
				box.Position = UDim2.fromOffset(reveal-width-PADDING-1, 0)
			end
		end
	end
end

Update()
box:GetPropertyChangedSignal("Text"):Connect(Update)
box:GetPropertyChangedSignal("CursorPosition"):Connect(Update)
box.Focused:Connect(Update)
box.FocusLost:Connect(Update)

[TheNicell (Nicell)]

Hey! I don’t think you need a scrolling frame around the TextBox, and I think this is the source of your issue. See my example video below. I’ve attached the rbxmx of this TextBox onto my post.

TextBoxScroll.rbxmx (3.7 KB)

When you have a scrolling frame around the text box, the text box can no longer automatically scroll itself. The text box’s scrolling is based on its own instance size, so when you let it grow to any size, it doesn’t handle text scrolling for you. If you really need a scrolling frame around it, you’ll need to manually track the position of the cursor using the current CursorPosition and GetTextSize. So basically you’d be recreating the scrolling that text box already does for you

[TheEmreTutuk (TheEmre)]

Wow, I hadn’t thought about that. But when FocusLost, it takes me back to the beginning and when I want to go down, scrolling the mouse wheel doesn’t work. So, it works by pressing down on the arrow keys. This seems a bit difficult.