Open Closed

Angular TypeAhead not working #1609


User avatar
0
paul.harriman created
  • ABP Framework version: v4.3.3

  • UI type: Angular

  • DB provider: EF Core

  • Tiered (MVC) or Identity Server Separated (Angular): no

  • Exception message and stack trace:

  • Steps to reproduce the issue:"

  • i created a new project using the cmd: abp new Angular.TypeAhead -t app-pro -u angular --mobile none --database-provider ef -csf

  • in suite I create 2 entities Author and Book

  • i create a navigational property from Book to Author

  • I run the project add an Author and then try and add a book

  • I can see items are brought in Chrome DevTools back when I type into the authors fields, but no choices are displayed

  • If I change the typeahead to a dropdown in suite and then go back into books, i can select the author and save the item.

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

2 Answer(s)
  • User Avatar
    0
    bunyamin created

    Hello,

    This is a bug related to the CSS loading order. We will fix it in version 4.4.0 final. The question is refunded. Thanks for reporting.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    bunyamin created

    The fix has been merged into the framework. You can apply the same fix temporarily in your project.

    https://github.com/abpframework/abp/pull/9666/files

    Add the following CSS to styles.scss

    ngb-typeahead-window.dropdown-menu {
        z-index: 1050;
    }
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.