From f3d0576dd6166b1d05b4a8898595724891ad2c2a Mon Sep 17 00:00:00 2001
From: Laura Fuentes Grau <laurafuentesgrau@gmail.com>
Date: Thu, 2 Apr 2020 15:55:05 +0200
Subject: [PATCH] HTML content: pressing enter doesn't reload page anymore,
 Orientation: type can now be changed

---
 src/widget/edit-widget/edit-widget-html-content.js | 8 ++++----
 src/widget/edit-widget/edit-widget-orientation.js  | 5 ++++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/widget/edit-widget/edit-widget-html-content.js b/src/widget/edit-widget/edit-widget-html-content.js
index 07f89fb..1df71d5 100644
--- a/src/widget/edit-widget/edit-widget-html-content.js
+++ b/src/widget/edit-widget/edit-widget-html-content.js
@@ -60,15 +60,15 @@ class EditWidgetHTMLContent extends React.Component {
 
   handleKeyIgnore(event){
     // This function prevents a keystroke from beeing handled by dialog.js
-    event.stopPropagation();
-  }
-
+    event.stopPropagation();    
+    }
+    
 
   render() {
     return (
         <FormGroup controlId={this.props.controlId}>
           <FormLabel>HTML Content</FormLabel>
-          <FormControl type="text" onKeyPress={this.handleKeyIgnore} componentclass="textarea" style={{ height: 200 }} placeholder={this.props.placeholder} value={this.state.value} onChange={e => this.props.handleChange(e)} />
+          <FormControl  onKeyDown={this.handleKeyIgnore} componentclass="textarea" style={{ height: 200 }} placeholder={this.props.placeholder} value={this.state.value} onChange={e => this.props.handleChange(e)} />
           <FormControl.Feedback />
         </FormGroup>
     );
diff --git a/src/widget/edit-widget/edit-widget-orientation.js b/src/widget/edit-widget/edit-widget-orientation.js
index aee9c14..320d476 100644
--- a/src/widget/edit-widget/edit-widget-orientation.js
+++ b/src/widget/edit-widget/edit-widget-orientation.js
@@ -38,7 +38,9 @@ class EditWidgetOrientation extends Component {
   }
 
   handleOrientationChange(orientation) {
-    this.props.handleChange({ target: { id: 'orientation', value: orientation } });
+    console.log("handle OrinetationChange was called. the orientation: " + orientation);
+
+    this.props.handleChange({ target: { id: 'customProperties.orientation', value: orientation } });
   }
 
   render() {
@@ -55,6 +57,7 @@ class EditWidgetOrientation extends Component {
                 Object.keys(WidgetSlider.OrientationTypes).map( (type) => {
                   let value = WidgetSlider.OrientationTypes[type].value;
                   let name = WidgetSlider.OrientationTypes[type].name;
+                  console.log("value: " + value + " name: " + name)
 
                   return (
                     <FormCheck inline label={name} key={value} id={value} type='radio' title='orientation' checked={ value === this.state.widget.customProperties.orientation } onChange={(e) => this.handleOrientationChange(value)}>