question-mark
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.

use-virtual-scroll.js

See original GitHub issue

What happened?

Uncaught TypeError: Cannot read properties of null (reading ‘children’) at eval (use-virtual-scroll.js?4f3e:28:1)

What did you expect to happen?

Using select component with filter, when serch no match getting an error.

  `const children = contentEl.children || []`

Reproduction URL

https://codesandbox.io/s/awesome-cray-f483ed?file=/src/components/test.vue

How to reproduce?

Uncaught TypeError: Cannot read properties of null (reading ‘children’) at eval (use-virtual-scroll.js?4f3e:28:1)

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Operating System - Windows_NT(10.0.22000) - win32/x64
NodeJs - 16.14.0

Global packages
  NPM - 7.18.1
  yarn - Not installed
  @quasar/cli - 1.3.2
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.6.6 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-webpack - 3.5.1 -- Quasar Framework App CLI with Webpack
  @quasar/extras - 1.13.5 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.2.29 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.0.14
  pinia - 2.0.13 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  @babel/core - 7.17.8 -- Babel compiler core.
  webpack - 5.70.0 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 4.8.1 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  typescript - 4.5.5 -- TypeScript is a language for application scale JavaScript development
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - LAPTOP-KP9Q1DUM
  VMware Network Adapter VMnet1 - 192.168.62.1
  VMware Network Adapter VMnet8 - 192.168.100.1
  Wi-Fi - 192.168.1.45

Relevant log output

No response

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:13

github_iconTop GitHub Comments

1reaction
pdanpdancommented, Oct 20, 2022

Ok, I’ll check these steps tomorrow

0reactions
pdanpdancommented, Oct 21, 2022

Sorry, I cannot reproduce your situation - maybe you have some options in QSelect? Please make a codepen with your situation

Read more comments on GitHub >

github_iconTop Results From Across the Web

Build your Own Virtual Scroll - Part I - DEV Community ‍ ‍
Building your own virtual scrolling (windowing) is not as hard as it sounds. We will start by building a simple one where the...
Read more >
virtual-scroll - npm
A 2kb gzipped low-level library to create custom scrollers with touch and keyboard support. This is heavily inspired by Bartek Drozdz  ...
Read more >
Virtual scrolling on javascript - Stack Overflow
Virtual scrolling on javascript ; var s = 20000000 ; var rh = 50 ; var th = rh * s; // virtual...
Read more >
Virtual scrolling: Core principles and basic implementation in ...
While there are myriad use cases and requirements associated with virtual scrolling, today we'll focus on understanding the core principles ...
Read more >
dhilt/vscroll: A JavaScript Virtual Scroll Engine - GitHub
VScroll is a JavaScript library providing virtual scroll engine. Can be seen as a core for platform-specific solutions designed to represent unlimited ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found