brewster1134 / bumper Goto Github PK

When I use bumper-dom-function, it only runs once, rather than at each breakpoint, and it seems to reset after it does run.

Here's an example of the code..

<div class="bumper-responsive-image" data-bumper-responsive-image-params="{.sizer:width}" />
...
$el.data 'bumper-dom-function', (value, data) =>
  modifier = 0.5
  return parseInt modifier * value

So here basically I want the image width to be half of the sizer.

What I'm observing is that the image first loads at full width, then updates to 1/2 width, then immediately goes back to full-width. Then as I mentioned above, the logic is not invoked again at breakpoint changes, leaving the image at the full width.

currently bumper requires dom attributes to store url and parameter data. this should be expanded to work with data attributes as well

I'm using Bumper to call a function each time the breakpoint changes. i.e...

$(window).on 'bumper-responsive-breakpoint-change', (e) => someFunction()

For some reason, it calls the function the first time and the second time I resize the window, but on the third time, it seems to not register at all.

Any idea why this happens?