Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

a bug #673

Open
planework opened this issue Sep 13, 2024 · 1 comment
Open

a bug #673

planework opened this issue Sep 13, 2024 · 1 comment

Comments

@planework
Copy link

planework commented Sep 13, 2024

<div id="app">
    <div class="d-flex flex-column bg-dark vh-100 p-3">
        <div class="bg-warning p-3 text-center text-white">

        </div>
        <div class="row g-0 vh-100 bg-white">
            <div class="row g-0 ">
                <div class="col-3 h-100 bg-danger">
                    <div class="h-100 overflow-auto" data-overlay>
                        <div v-for="item in 100">{{item}}</div>
                    </div>
                </div>
                <div class="col-9 bg-danger">
                    <div class="h-100 overflow-auto" data-overlay>
                        <div v-for="item in 100">{{item}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.js"></script>
<!-- scrollbars  -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/OverlayScrollbars.min.css">
<script src="https://unpkg.com/[email protected]/js/OverlayScrollbars.min.js"></script>
const App = Vue.createApp({
    data() {
        return {
            range: {
                hostname1: '0.0.0.0',
                hostname2: '255.255.255.255',
            },
            devices: [

            ],
            logs: [

            ],
            command: '',
        };
    },

    mounted() {
       setTimeout(() =>{
        OverlayScrollbars(document.querySelectorAll('[data-overlay]'), {
            scrollbars: {
                autohide: 'never',
            },
        });
       },0)
    },
    methods: {
        toggleAll() {
            const allChecked = this.devices.every(device => device.checked);
            this.devices.forEach(device => device.checked = !allChecked);
        },
    }
});

App.mount('#app');
@KingSora
Copy link
Owner

KingSora commented Sep 13, 2024

@planework Good day :)

Thanks for the code, youre using v1.13.1 of OverlayScrollbars, please consider switching to v2: https://jsfiddle.net/zmgokwx0/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants