set blank period positions to axis ends

Author: archmoj

src/plots/cartesian/axes.js

@@ -868,6 +868,9 @@ axes.calcTicks = function calcTicks(ax, opts) {
         if(p !== undefined) {
             t.periodX = p;
             if(p > maxRange || p < minRange) { // hide label if outside the range
+                if(p > maxRange) t.periodX = maxRange;
+                if(p < minRange) t.periodX = minRange;
+
                 t.text = ' '; // don't use an empty string here which can confuse automargin (issue 5132)
                 ax._prevDateHead = '';
             }

test/jasmine/tests/axes_test.js

@@ -5267,10 +5267,14 @@ describe('Test axes', function() {
             var ax = gd._fullLayout.xaxis;
 
             var positions = ax._vals.map(function(d) { return ax.c2d(d.periodX !== undefined ? d.periodX : d.x); });
-            expect(positions).withContext(msg).toEqual(expPositions);
-
             var labels = ax._vals.map(function(d) { return d.text; });
-            expect(labels).withContext(msg).toEqual(expLabels);
+
+            for(var i = 0; i < labels.length; i++) {
+                expect(labels[i]).withContext(msg).toBe(expLabels[i]);
+                if(labels[i] !== ' ') {
+                    expect(positions[i]).withContext(msg).toBe(expPositions[i]);
+                }
+            }
         }
 
         ['%Y', '%y'].forEach(function(formatter, i) {