Add showactive attribute to buttons

Author: rreusser

src/components/updatemenus/attributes.js

@@ -99,6 +99,13 @@ module.exports = {
         ].join(' ')
     },
 
+    showactive: {
+        valType: 'boolean',
+        role: 'info',
+        dflt: true,
+        description: 'Highlights active dropdown item or active button if true.'
+    },
+
     buttons: buttonsAttrs,
 
     x: {

src/components/updatemenus/defaults.js

@@ -52,6 +52,7 @@ function menuDefaults(menuIn, menuOut, layoutOut) {
     coerce('orientation');
     coerce('type');
     coerce('openreverse');
+    coerce('showactive');
 
     coerce('x');
     coerce('y');

src/components/updatemenus/draw.js

@@ -363,7 +363,7 @@ function styleButtons(buttons, menuOpts) {
     buttons.each(function(buttonOpts, i) {
         var button = d3.select(this);
 
-        if(i === active) {
+        if(i === active && menuOpts.showactive) {
             button.select('rect.' + constants.itemRectClassName)
                 .call(Color.fill, constants.activeColor);
         }
@@ -417,6 +417,9 @@ function findDimenstions(gd, menuOpts) {
             tLines = tspans[0].length || 1,
             hEff = Math.max(tHeight * tLines, constants.minHeight) + constants.textOffsetY;
 
+        hEff = Math.ceil(hEff);
+        wEff = Math.ceil(wEff);
+
         // Store per-item sizes since a row of horizontal buttons, for example,
         // don't all need to be the same width:
         menuOpts.widths[i] = wEff;