Method constructor

src/OnCanvasTextBox.js:18–309

* @param {number} x * @param {number} y * @param {number} width * @param {number} height * @param {string=} starting_text

(x, y, width, height, starting_text = "")

	 * @param {string=} starting_text
	 */
	constructor(x, y, width, height, starting_text = "") {
		super(x, y, width, height, true);

		this.$el.addClass("textbox");
		var edit_textarea = E("textarea");
		this.$editor = $(edit_textarea).addClass("textbox-editor");

		var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
		svg.setAttribute("version", "1.1");
		var foreignObject = document.createElementNS("http://www.w3.org/2000/svg", "foreignObject");
		foreignObject.setAttribute("x", "0");
		foreignObject.setAttribute("y", "0");
		svg.append(foreignObject);

		// inline styles so that they'll be serialized for the SVG
		this.$editor.css({
			position: "absolute",
			left: "0",
			top: "0",
			right: "0",
			bottom: "0",
			padding: "0",
			margin: "0",
			border: "0",
			resize: "none",
			overflow: "hidden",
			minWidth: "3em",
		});
		var render_textarea = /** @type HTMLTextAreaElement */ (edit_textarea.cloneNode(false));
		foreignObject.append(render_textarea);

		edit_textarea.value = starting_text;

		this.canvas = make_canvas(width, height);
		this.canvas.style.pointerEvents = "none";
		this.$el.append(this.canvas);

		const update_size = () => {
			this.position();
			this.$el.triggerHandler("update"); // update handles
			this.$editor.add(render_textarea).css({
				width: this.width,
				height: this.height,
			});
		};

		const auto_size = () => {
			// Auto-expand, and apply minimum size.
			if (text_tool_font.vertical) {
				const old_width = this.width;
				edit_textarea.style.width = "";
				edit_textarea.style.minWidth = "0px";
				edit_textarea.style.right = ""; // needed for when magnified
				edit_textarea.setAttribute("rows", "1");
				this.width = Math.max(edit_textarea.scrollWidth, this.width);
				edit_textarea.removeAttribute("rows");
				this.height = edit_textarea.scrollHeight;
				edit_textarea.style.right = "0"; // doesn't seem to be needed?