uicore-ts/scripts/UITextArea.ts

UICore is a library to build native-like user interfaces using pure Typescript. No HTML is needed at all. Components are described as TS classes and all user interactions are handled explicitly. This library is strongly inspired by the UIKit framework tha

import { NO } from "./UIObject"
import { UITextField } from "./UITextField"
import { UITextView } from "./UITextView"


export class UITextArea extends UITextField {
    
    
    constructor(elementID?: string, viewHTMLElement = null) {
        
        super(elementID, viewHTMLElement, UITextView.type.textArea)
        
        this.viewHTMLElement.removeAttribute("type");
        
        // Remove the centering flex layout and disable resize handles on the outer container.
        (this as UITextArea).configureWithObject({
            style: {
                alignItems: "stretch",
                resize: "none",
                overflow: "hidden",
                padding: "0"
            }
        })
        
        // Make the actual <textarea> fill its parent with padding restored at this level.
        this.textElementView.viewHTMLElement.style.cssText += [
            "resize: none",
            "overflow: auto",
            "padding: 0.375rem 0.75rem",
            "box-sizing: border-box",
            "-webkit-user-select: text"
        ].join("; ")
        
        this.pausesPointerEvents = NO
        
    }
    
    
    override layoutSubviews() {
        super.layoutSubviews()
        this.textElementView.frame = this.contentBounds
    }
    
    
    override get viewHTMLElement(): HTMLTextAreaElement & HTMLInputElement {
        
        // @ts-ignore
        return super.viewHTMLElement
        
    }
    
    
}