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.

Bug on selecting an item using <nb-select> (page moves up)

See original GitHub issue

I’m trying to add a simple dropdown menu with nb-select, e.g.:

<nb-select  formControlName="unit">
    <nb-option value="cm">Centimetre</nb-option>
    <nb-option value="m">Meter</nb-option>
</nb-select> 

But when I select some item, the entire page moves up. Actually, an inline style is applied to the html, changing the “top” position for some negative value.

This problem has begun after I’ve upgraded from nebular 3.0.0 to the last version (3.4.2).

It is possible to reproduce this problem even in the ngx-admin demo page (http://akveo.com/ngx-admin/pages/extra-components/form-inputs).

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:13
  • Comments:21

github_iconTop GitHub Comments

12reactions
emkocommented, Jun 24, 2019

i don’t know but for now i am just using

/deep/ .cdk-global-scrollblock { position: static !important; }

in my component that uses the dropdown in, so far i notice nothing breaks 😍

8reactions
jagabscommented, Feb 13, 2020

still occurs on “@nebular/theme”: “4.6.0”, but nb-select inside a dialog

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chrome bug on select element dropdown when many options ...
Save this question. Show activity on this post. I'm looking for a workaround for a rendering bug in Chrome. It shows up when...
Read more >
NAME SYNOPSIS DESCRIPTION Opening and Closing an Image ...
DESCRIPTION. IRIS image files are used to store 1,2 and 3 dimensional arrays of pixel values that contain either 1 or 2 bytes...
Read more >
Delivering content with Strapi and Nuxt - LogRocket Blog
Learn how to set up a Strapi backend in Nuxt.js, add data to your CMS, and enable the GraphQL API in this comprehensive...
Read more >
Tk Source Code: Check-in [1b4b73c2]
This is sent to a text widget when the selection in the widget is changed. ... TkNewIndexObj(index)); } return status; } /* $nb...
Read more >
Data Mining Algorithms In R - University of Idaho
transposed (the data items are in each column, with each row ... an optional vector used to select rows (observations) of the data...
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