when the width is in percent, it doens't work well

[hyoseon-kim]

Description

When the upper element of flicking elements has width in percent, the width of each sub-panel is sometimes genreated in decimal point.
In this case, the image of the former flicking area doesn't go over well. so some part of the image remains like below example.

As you can see, the left side of that image remains. Follwing images will explain the reason.

When I try to flick to the left, that will be "translate(-734px, 0px)". but we expect "translate(-734.326px, 0px)". so we modified some of eg.js code, and it worked well.

1. modify flick-container's translate > from parseInt to parseFloat.

• _getUnitValue
  return (parseFloat(val, 10) || 0) + (String(val).match(rx) || "px");

2. modify flick-panel's initial tranlate value > from percent to px (It was selected by "SUPPORT_TRANSFORM")

• _applyPanelsCss
  var coords = this._getDataByDirection([(this._conf.panel.size * i) + "px", 0]);

please review this corrections.

Steps to check or reproduce

[netil]

Hi @hyoseon-kim, thanks for the detailed report.
I'll try fix this on next release.

[netil]

The internal panel's dimension will be treated in float instead the integer.

And will be added new useTranslate option, which let opt how to move panels.

• true: will use transform:translate
• false: will use top and left property