How to implement smooth map width transition of Mapbox GL map? -

i have css3 transition reducing width of map element. have trigger map.resize() when changing map block width update map width programmatically. jumps new width, without transition (what expected)

is there way implement animation of map block width transition? except changing map block width js , triggering resize on each frame.

another way create block map rendered covering full width, , shrink block overflow:hidden , use offset translate map center point bit. in case wide map, , tiles loaded in background (even part of block hidden) suppose.