Responsive text input

Hello, Is it possible, using the following code, to restore all the publishing features ("center the scene", "adjust the visible area") to make the text input area fully responsive?

// create and add input tf
const inputElement = document.createElement("input");
inputElement.type = "text";
inputElement.placeholder = "Enter text here";
document.body.appendChild(inputElement);
 
// detect when text changes
inputElement.addEventListener("input", changeF);
function changeF(e){
alert(e.target.value);  // <-do whatever with the input
}