diff --git a/src/components/Button.jsx b/src/components/Button.jsx index 76077a0..66eab56 100644 --- a/src/components/Button.jsx +++ b/src/components/Button.jsx @@ -1,10 +1,12 @@ import React from 'react'; +// Creates a clickable tag with an onclick action. export class Button extends React.Component { constructor(props) { super(props); } + // Always give the Button a 'clickable' class and then add any others. processClasses() { var classes = 'clickable'; diff --git a/src/components/TextArea.jsx b/src/components/TextArea.jsx index 09411bd..990ae81 100644 --- a/src/components/TextArea.jsx +++ b/src/components/TextArea.jsx @@ -8,32 +8,16 @@ import {FixedPage} from './FixedPage'; export class TextArea extends Input { constructor(props) { super(props); - - // Bind listeners - this.handleMaximizeClick = this.handleMaximizeClick.bind(this); - } - - handleMaximizeClick() { - var sourceTextboxElement = document.getElementById(this.props.id); - var targetTextboxElement = document.getElementById("fullScreenTextbox"); - document.getElementById("fullScreenTextboxLabel").innerHTML = this.props.name; - var selection = getInputSelection(sourceTextboxElement); - - document.getElementById("expandedTextboxId").innerHTML = this.props.id; - targetTextboxElement.value = sourceTextboxElement.value; - document.getElementById("fullScreenTextboxScreen").style.display = "block"; - - targetTextboxElement.focus(); - setSelectionRange(targetTextboxElement, selection.start, selection.end); } + // Use a FixedPage for TextArea's fullscreen mode. render() { return (