Created version 2.4... clicking anywhere on the Mendix app does not show the open image dialog.

Author: GREdens

test/widgets/BootstrapRTE.mpk dist/2.4/Bootstrap-RTE.mpktest/widgets/BootstrapRTE.mpk renamed to dist/2.4/Bootstrap-RTE.mpk

@@ -1,7 +1,7 @@
 <?xml version="1.0"?>
 <clsMXWidgetSettings xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
   <WidgetName>BootstrapRTE</WidgetName>
-  <SourcePath>C:\Projects\Tickets - Projects\204044 - Incident Bootstrap RTE appstore module broken in IE 11\BootstrapRTE\src\</SourcePath>
-  <DestinationPath>C:\Projects\Tickets - Projects\204044 - Incident Bootstrap RTE appstore module broken in IE 11\BootstrapRTE\test\</DestinationPath>
+  <SourcePath>C:\Projects\GitHub\Bootstrap-RTE\src</SourcePath>
+  <DestinationPath>C:\Projects\GitHub\Bootstrap-RTE\test</DestinationPath>
   <Monitor>false</Monitor>
 </clsMXWidgetSettings>

settings/BootstrapRTE.mws

@@ -535,7 +535,7 @@
                 // Variables
                 var button = mxui.dom.create('a', { 'id': 'pictureBtn' + this.id, 'class' : 'btn'}),
                     icon = mxui.dom.create('i', { 'class' : 'icon-' + type.icon }),
-                    pictureInput = mxui.dom.create('input', {'id' : 'pictureBtnInput' + this.id , 'type' : 'file', 'data-edit' : 'insertImage', 'data-target' : '#pictureBtn' + this.id, 'data-role' : 'magic-overlay'});
+                    pictureInput = mxui.dom.create('input', {'id' : 'pictureBtnInput' + this.id , 'type' : 'file', 'data-edit' : 'insertImage', 'data-target' : '#pictureBtn' + this.id, 'data-role' : 'magic-overlay', 'style' : 'width: 35px;' });
 
                 domConstruct.place(icon, button);
                 domConstruct.place(button, group, 'last');
@@ -592,13 +592,13 @@
                     target = null,
                     $ = this.$;
 
-                this.connect(document, 'onmousedown', function(e) {
+                this.connect(dom.byId(this.id), 'onmousedown', lang.hitch(this, function(e) {
                     // The latest element clicked
                     self.target = domQuery(e.target);
-                });
+                }));
 
                 // when 'target == null' on blur, we know it was not caused by a click
-                this.connect(document, 'onmouseup', function(e) {
+                this.connect(dom.byId(this.id), 'onmouseup', function(e) {
                     // The latest element clicked
                     self.target = null;
                 });