Project

General

Profile

Bug #10908

Select items with keys of a WSuggestionPopup using WBootstrap5Theme partially working

Added by Nicolas Slusarenko 23 days ago. Updated 21 days ago.

Status:
New
Priority:
Normal
Assignee:
-
Target version:
Start date:
09/03/2022
Due date:
% Done:

0%

Estimated time:

Description

There is an excellent example featuring WSuggestionPopup in

wt-4.8.0/examples/feature/suggestionpopup/

It is possible to choose a suggestion using the keys: up, down and enter.
However, if I replace this line:

setCssTheme("polished");

by these,

auto bootstrapTheme = std::make_shared<Wt::WBootstrap5Theme>();
setTheme(bootstrapTheme);

The focus on the suggested items does not change as I press up and down.
However, the WSuggestionPopup keeps track of the keys up and down because once I press enter, the selected item is correct.
I would appreciate your help in solving this problem.
Thanks!

Nicolas

#1

Updated by Nicolas Slusarenko 23 days ago

To use WBootstrap5Theme I added the line

#include

I tested with Bootstrap 3 Theme replacing previous lines with,

    auto bootstrapTheme = std::make_shared<Wt::WBootstrapTheme>();
    bootstrapTheme->setVersion(Wt::BootstrapVersion::v3);
    bootstrapTheme->setResponsive(true);
    setTheme(bootstrapTheme);
    useStyleSheet("resources/themes/bootstrap/3/bootstrap-theme.min.css");

Adding this line,

#include

The focus on the suggestions change with the keys up and down, exactly as with Polished theme.
The focus does not change with Bootstrap 5.
Thanks,

Nicolas

#2

Updated by Roel Standaert 21 days ago

  • Status changed from New to Analysis
  • Target version set to 4.9.0
#3

Updated by Roel Standaert 21 days ago

  • Status changed from Analysis to New

Also available in: Atom PDF