Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

not scroll when using dynamic component

See original GitHub issue

i am using dynamic component with v-for items

      <div  v-if="MessageList" v-for="item in MessageList">


                <component
                        :messageItem=item
                        :is="item.componentName"
                        v-show="calcForFilter(item)"
                >
                </component>
            </div>

and each component has a modal that reference to another component

  <div
                v-if="messageIDForProperty_MessageListModal"
                :id="'messageList_'+ messageIDForProperty_MessageListModal"
                class="modalMessageList modal fade"
                tabindex="-1" role="dialog"
                aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header text-center">
                        <h4 class="modal-title w-100 font-weight-bold">ثبت پیام</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div :id="'modal-content_'+messageIDForProperty_MessageListModal">
                        <component
                                is="messageList"
                                :taskItem="taskItemForProperty_MessageListModal"
                                :messageID="messageIDForProperty_MessageListModal"
                                :key="messageIDForProperty_MessageListModal"

                        >

                        </component>
                    </div>
                </div>
            </div>
        </div>

scroll work correctly on the first component that i test it… on the others component not work… for example if i open first component modal,the second one not work…

Issue Analytics

State:
Created 5 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

RezaErfani67commented, Nov 11, 2018

thanks a lot @rigor789

1reaction

rigor789commented, Nov 10, 2018

You can change the selector yourself to target the container

this.$scrollTo('#modal-content_' + this.messageID + ' #div_' + messageID + '_div', 500, options)

Any valid css selector should work.

Top Results From Across the Web

How to overflow: 'scroll' for dynamically created components

When the height of the container is exceeded by the newly created items, I want the container to become scrollable in the Y...

4 Ways to Listen to Page Scrolling for Dynamic UI in Angular ft ...

Just pass it a string ('window') as the first parameter. Then you can update the Y position through the callback function which will...

Problem with Dynamic Component Extension - Discuss

I have created several Horizontal Scroll Arrangements on top of a Vertical Scroll Arrangement according to the number of elements in a list....

Scroll Control of Guides, Configuring Components Webix Docs

Scrolling and Dynamic Loading. With dynamic loading, only part of the stored records are loaded into the component during initialization. Each time you...

Prototype scrolling with overflow behavior - Figma Help Center

It's not possible to position scrolling objects above fixed layers. To create a fixed object: Select the object, group or component in the...