I think my problem is that the down button is displayed on the "display". In Chrome, the dropdown menu works as expected - i.e. Displays a list of option names in the ng-repeat list. However, in Firefox, clicking on the drop-down menu disables the angular text menu, as if the user had clicked outside the angular text editor (after which angular text disables the editor options). Nothing falls.
Line + also works fine in Chrome. We are just trying to make the code readable for those who do not use huge screens. For those who are not familiar with angular text: all the relevant code is displayed - this is just some html that defines a drop-down list, and I think that is where the problem is. How can I get this to work in Firefox?
taRegisterTool('itemFields', { display: '<span class="btn-group" dropdown style="padding: 0px 0px 0px 0px">' + '<button class="btn btn-default dropdown-toggle" dropdown-toggle type="button" ng-disabled="showHtml()">' + ' <span>Item Fields</span>' + '</button>' + '<ul class="dropdown-menu">' + ' <li ng-repeat="o in options">' + ' <a ng-click="action(o)">{{o.name}}</a>' + ' </li>' + '</ul>' + '</span>', options: ReportItemFields, action: function (option) { if( angular.isDefined(option) && angular.isUndefined(option.promise)) { this.$editor().wrapSelection('insertHTML', option.text); } } });
source share