"domainPadding" not working when "domain" is set

[jonathanchu]

It seems that when setting an explicit domain the domainPadding prop is not respected anymore. I've made a quick gif demonstrating this issue in a VictoryBar with the live demo:

[sbcreates]

It seems this is still an issue, or at least I'm having the same problem (could be user error ;) but I figured I'd try to see what's going on here). I'm using Victory Charts version 24.5

The chart I'm making renders data based on the time range selected by the user along with whether they want to see transfers or transactions for that date range.

The first image has the default date range (start of day to now) and it has no data as there were no transfers/transactions made. It has the right domain padding for the x axis only and doesn't show six ticks though six could fit nicely with the space given.

If I click a date range where there is data to show, the domain padding is wrong (see second image)

The domain padding doesn't seem to do anything for the y axis. Even if I change my code to explicitly note the domain padding for the x and y.

  <VictoryChart
    height={320}
    width={470}
    name={chartName}
    scale={{ x: 'time', y: 'linear' }}
    domain={domain}
    domainPadding={{x: 35}}
    animate={{ duration: 1000, onLoad: { duration: 500 } }}
    containerComponent={<VictoryVoronoiContainer />}
  >
    <VictoryAxis
      // x-axis
      tickCount={6}
      tickFormat={(t) => formatLocalChartTicks(dateRange, t)}
      style={{
        axis: { stroke: 'rgba(36, 55, 78, 0.7)', strokeWidth: 1 },
        tickLabels: {
          fill: 'rgba(36, 55, 78, 0.7)',
          fontSize: 10,
          fontFamily: 'Lato, sans-serif',
          angle: 315,
          verticalAnchor: "middle",
          textAnchor:'end',
          padding: 4,
        },
        ticks: { size: 4, stroke: 'rgba(36, 55, 78, 0.7)', strokeWidth: 1 },
      }}
    />
    <VictoryAxis
      dependentAxis
      tickCount={6}
      tickFormat={(t) => t.toString()}
      style={{
        axis: { stroke: 'transparent', strokeWidth: 1 },
        grid: { stroke: '#ebecee', strokeWidth: 1 },
        tickLabels: {
          fill: 'rgba(36, 55, 78, 0.6)',
          fontSize: 9,
          fontFamily: 'Lato, sans-serif'
        },
        // ticks: { size: 5, stroke: 'rgba(36, 55, 78, 0.7)', strokeWidth: 1 },
      }}
    />
    <VictoryScatter
      size={(datum, active) => (active ? 5 : 2)}
      data={data}
      x={xValue}
      y={yValue}
      labelComponent={
        <VictoryTooltip
          style={{
            fontSize: 9,
            fill: 'rgba(36, 55, 78, 0.7)',
            fontFamily: 'Lato, sans-serif',
          }}
          cornerRadius={2}
          flyoutStyle={{
            fill: 'white',
            stroke: 'rgba(36, 55, 78, 0.7)',
            strokeWidth: 0.5
          }}
        />
      }
      {...props}
    />
  </VictoryChart>