Как посчитать offset и position элемента в скрытый таб?

Question

[Можно просто Евгений]

Здравтвуйте !

Есть скрипт который работает нормально если tab-panel не скрыт , мне надо что бы он считал position , width и тд элементам "swipeTab__item" и "swipeTab__list" и манипулировать ими не тронув tab-panel display. Просто этот же скрипт выполняется и вне tab-panel , и всё работает ....

Не как не могу решать эту проблему , может кто сталкивался с такой проблей и может помочь ? Пожалуйста :)

К примеру :


где

target = '.swipeTab__item',
this.selector.list = '.swipeTab__list'

<div class="tab-panel" style="display: none">
    <div class="swipeTab">
        <div class="swipeTab__list">
            <div class="swipeTab__item">TAB 1</div>
            <div class="swipeTab__item">TAB 2</div>
            <div class="swipeTab__item">TAB 3</div>
            <div class="swipeTab__item">TAB ...</div>
        </div>
    </div>
</div>

Comments

[lloydbanks]

С display:none - никак. Используйте visibility: hidden или же opacity: 0

[Можно просто Евгений]

Не вариант потому что там где tab-panel будет "прозрачное" пространство (

[lloydbanks]

Можно просто Евгений, Можете залить код на песочницу типо jsfiddle? Попробую помочь

[Можно просто Евгений]

Я не стал делать всё полностью, поставил самую маленькую часть кода ... :

https://codepen.io/anon/pen/BPbEXV

Спасибо ! )

учтите что блок с SwipeTabs может быть вызван и вне tab-panel

[lloydbanks]

Можно просто Евгений, спасибо за ссылку. Я, пожалуй, отвечу отдельным ответом.
Единственное изменение, которое я внес - добавил _this.element.parentElement.hidden = true; в инициализацию и убрал из стилей display: none. Это пока единственное, что я смог придумать...

[Можно просто Евгений]

1n3gan, Спасибо за оказанное помощь :)