Input fields get random symbols like "[B[AA1" or "B" and others pasted in on every action like typing, using the arrow keys and moving the mouse

Hi,

I really like your library, however I would like to use it for a project which currently requires windows support. So here is a quick WIP-version of a windows port.

I am planning to do some more cleanup before this is ready to merge but sofar it looks good, however before I spend too much time cleaning up my branch I first wanted to check if you are willing to accept a windows port.

The blocker for merging (IMHO) is that focus handling seems broken in the sense that I cannot move between checkboxes (or list items) in any of the examples. I ran the print_key_press example and pressed ⬅⬆➡⬇, this was the output I got for that:

( 27 91 68 ) -> (special)
( 27 91 65 ) -> (special)
( 27 91 67 ) -> (special)
( 27 91 66 ) -> (special)

• [x] Refactor: event translation into separate file
  • currently the Console API event mapping is living inside the read_char thread lambda in screen_interactive.cpp, as this code is a bit longer than the original (which is just a oneliner) my plan is to move it to a separate function in a separate file or ifdef guarded inside event.cpp
• [x] Bug: Focus handling not working
  • in the examples (e.g. checkbox.cpp) I can toggle the individual checkboxes but I cannot move between items, I tried to understand the focus implementation but am I unsure which keypresses would move focus between different components
• [ ] Annoyance: Flickering
  • screen_interactive.cpp redraws the screen which causes the output to flicker (on Windows at least), I was thinking about only redrawing the screen if it has changed (i.e. dirty tracking)

Screenshot:

I was enjoying the amazing library when I got crazy to find out that...

There is no proper way I can make two paragraphs (with word wrap) adjacent!

	auto si = ScreenInteractive::Fullscreen();
	
	auto ui = Renderer([]() {
		return vbox({
			text("... title goes here ..."),
			hflow(paragraph("    To celebrate Dragon Boat Festival, an underwater dance performance titled Pray was aired on Henan TV last Saturday night, the first day of the holiday.")),
			hflow(paragraph("    Featuring the goddess of Luo River – a mysterious beauty best known in the poetry of Cao Zhi during the Three Kingdoms period, the dancer Haohao He, a former synchronized swimmer, recreated the elegance of this ancient Chinese goddess.")),
		});
	});

	si.Loop(ui);

	auto ui = Container::Vertical({
		Renderer([]() { return text("... title goes here ..."); }),
		Renderer([]() {
			return vbox({
				hflow(paragraph("    To celebrate Dragon Boat Festival, an underwater dance performance titled Pray was aired on Henan TV last Saturday night, the first day of the holiday.")),
				hflow(paragraph("    Featuring the goddess of Luo River – a mysterious beauty best known in the poetry of Cao Zhi during the Three Kingdoms period, the dancer Haohao He, a former synchronized swimmer, recreated the elegance of this ancient Chinese goddess.")),
			});
		})
	});

g.. title goes here ...                                                         
    To celebrate Dragon Boat Festival, an underwater dance performance titled   
    Featuring the goddess of Luo River – a mysterious beauty best known in the  

And I notices this: https://github.com/ArthurSonzogni/FTXUI/issues/68#issuecomment-762807087

So FTXUI is missing an important and very basic feature for displaying longer texts, and the solution seems not clear.

I think a discussion about solution is needed here.

When switching between input fields the arrow key sometimes paste in symbols (text doesnt anymore and mouse movement either, thats fixed). When switching between checkboxes and pressing ENTER while switching between them, the arrow keys dont work anymore either (or the switching functionallity doesnt work anymore)

EDIT: When mouse selecting is enabled (When you can select stuff with your mouse e.g. buttons), symbols also get copied in. Just the text part was fixed in the previous fix

I am adding data to Elements output from a separate thread, data is added correctly, but the screen isn't updated on adding a new element, i need to move the focus area with arrow keys for the UI to update, how can i make it update everytime a new element is added to Elements output

Hey, is it possible to add on_enter() for toggle component? Since, this framework doesn't have buttons. Toggle is a pretty good way to emulate buttons.

I am more than happy to contribute for this feature.

Normally, it works well。 in ubuntu, when I use bind command to start my program based on FTXUI. the on_enter callback of input doesn,t work. like this. add "bind -x '"\C-g":<my_program>" to ~/.bashrc. so I can use 'ctrl+g' to start my program.

Hello, and thanks for the lib again) Is there any built-in way to customize (i.e. change color ) particular item in menu ?

First approach on my mind is to add MenuOptions for each entry, but it implies some changes in MenuBase. If it is a necessary feature I can later send code for review, of course if it is not already implemented.

Thanks!

std::string reset_position;
    auto document =
            ftxui::vbox({
                                ftxui::text(L"GNU Affero General Public License v3.0") | ftxui::bold | color(ftxui::Color::Green) | ftxui::border,
                         hflow(
                                 ftxui::paragraph(L"The GNU Affero General Public License is a free, copyleft license for"
                                           L"software and other kinds of works, specifically designed to ensure"
                                           L"cooperation with the community in the case of network server software."
                                           L"The licenses for most software and other practical works are designed"
                                           L"to take away your freedom to share and change the works.  By contrast,"
                                           L"our General Public Licenses are intended to guarantee your freedom to"
                                           L"share and change all versions of a program--to make sure it remains free"
                                           L"software for all its users.\n"
                                           L"When we speak of free software, we are referring to freedom, not"
                                           L"price.  Our General Public Licenses are designed to make sure that you"
                                           L"have the freedom to distribute copies of free software (and charge for"
                                           L"them if you wish), that you receive source code or can get it if you"
                                           L"want it, that you can change the software or use pieces of it in new"
                                           L"free programs, and that you know you can do these things.  "
                                           L"Developers that use our General Public Licenses protect your rights"
                                           L"with two steps: (1) assert copyright on the software, and (2) offer"
                                           L"you this License which gives you legal permission to copy, distribute"
                                           L"and/or modify the software.")) |
                                 ftxui::border,
                 });

    auto screen = ftxui::Screen::Create(ftxui::Dimension::Full());
    Render(screen, document);
    std::cout << reset_position << screen.ToString() << std::flush;
    reset_position = screen.ResetPosition();
    getchar();
    return 0;

Hey, i m trying to build ftxui in a project(vs19) and then link the lib. Im getting unresolved external errors on the color class tho, saying smth like this: LNK2001 unresolved external symbol "class std::function<class std::shared_ptr __cdecl(class std::shared_ptr)> __cdecl ftxui::color(class ftxui::Color)" ([email protected]@@[email protected][email protected]@[email protected]@@[email protected]@[email protected]@[email protected]@@[email protected]@@Z) Could this be due to the 2 files which are both named "color.cpp"?

Often, when exiting from main, I get this crash:

AdminConsole.exe!std::_Iterator_base12::_Adopt_unlocked(std::_Container_proxy * _Parent_proxy=0xdddddddddddddddd) Line 1190 C++ Symbols loaded. AdminConsole.exe!std::_Iterator_base12::_Adopt_locked(std::_Container_proxy * _Parent_proxy=0xdddddddddddddddd) Line 1198 C++ Symbols loaded. AdminConsole.exe!std::_Iterator_base12::_Adopt(const std::_Container_base12 * _Parent=0x000002f48d016108) Line 1147 C++ Symbols loaded. AdminConsole.exe!std::_Vector_const_iterator<std::_Vector_val<std::_Simple_types<std::shared_ptrftxui::ComponentBase>>>::_Vector_const_iterator<std::_Vector_val<std::_Simple_types<std::shared_ptrftxui::ComponentBase>>>(std::shared_ptrftxui::ComponentBase * _Parg=0xdddddddddddddddd, const std::_Container_base12 * _Pvector=0x000002f48d016108) Line 44 C++ Symbols loaded. AdminConsole.exe!std::_Vector_iterator<std::_Vector_val<std::_Simple_types<std::shared_ptrftxui::ComponentBase>>>::_Vector_iterator<std::_Vector_val<std::_Simple_types<std::shared_ptrftxui::ComponentBase>>>(std::shared_ptrftxui::ComponentBase *) C++ Symbols loaded. AdminConsole.exe!std::vector<std::shared_ptrftxui::ComponentBase,std::allocator<std::shared_ptrftxui::ComponentBase>>::end() Line 1486 C++ Symbols loaded. AdminConsole.exe!std::end<std::vector<std::shared_ptrftxui::ComponentBase,std::allocator<std::shared_ptrftxui::ComponentBase>>>(std::vector<std::shared_ptrftxui::ComponentBase,std::allocator<std::shared_ptrftxui::ComponentBase>> & _Cont={...}) Line 1927 C++ Symbols loaded. AdminConsole.exe!ftxui::ComponentBase::Detach() Line 139 C++ Symbols loaded. AdminConsole.exe!ftxui::ComponentBase::~ComponentBase() Line 23 C++ Symbols loaded. AdminConsole.exe!ftxui::ContainerBase::~ContainerBase() Line 23 C++ Symbols loaded. AdminConsole.exe!ftxui::ContainerBase::`scalar deleting destructor'(unsigned int) C++ Symbols loaded. AdminConsole.exe!std::_Destroy_in_placeftxui::ContainerBase(ftxui::ContainerBase & _Obj={...}) Line 313 C++ Symbols loaded. AdminConsole.exe!std::_Ref_count_obj2ftxui::ContainerBase::_Destroy() Line 2048 C++ Symbols loaded. AdminConsole.exe!std::_Ref_count_base::_Decref() Line 1110 C++ Symbols loaded. AdminConsole.exe!std::_Ptr_baseftxui::ComponentBase::_Decref() Line 1341 C++ Symbols loaded. AdminConsole.exe!std::shared_ptrftxui::ComponentBase::~shared_ptrftxui::ComponentBase() Line 1629 C++ Symbols loaded.

Hi! FTXUI is great and it works flawlessy on "modern" terminals. However using an application via minicom/teraterm results in scrambled stdout, like if the cursor will not go back before rendering the new UI. The only application I have been able to use FTXUI with is MobaXTerm. Anyone noticed this issue?

Hello. I sincerely apologize for using issues as helpdesk but cannot figure out how to make a thing which looks trivial: scrollable paragraph frame. Meaning, I need to display quite a wall of text and want to let user to scroll it with arrows/mouse wheel. I checked the other issues and the code of git-tui and chrome-log-beautifier, but they seem to operate with lists, not paragraphs. Or there is no easy builtin way to do that, and I need to write a component for this purpose from scratch?

Thanks in advance, the library is very neat and handy!

Hi, I was trying to run the "Canvas_Animated.cpp" file but Braille and Box characters appear as "?" blocks. Is there a solution to this?

I want to render a list (of interactive components) that can grow or shrink depending on if the vector of some dynamic data grows or shrinks. I have tried the following 2 (and some related) approaches to achieve this behavior, but both approaches don't produce the desired result.

Component DynalicListComponent(std::vector<Data> &dynamic_data) {
  return Renderer([&] {
    std::vector<Element> interactive_components;
    for (auto &data : dynamic_data)
      interactive_components.emplace_back(InteractiveComponent(data)->Render());

    return vbox(interactive_components)
      | yframe
      | border;
  });
}

With this approach the list looks dynamic, i.e., when data is added or removed from the dynamic data the DynalicListComponent grows or shrinks to reflect that. But I can't interact with any inner InteractiveComponent because I have not passed them as an inner component to the Renderer function.

Component DynalicListComponent(std::vector<Data> &dynamic_data) {
  std::vector<Component> interactive_components;
  for (auto &data : dynamic_data)
    interactive_components.emplace_back(InteractiveComponent(data));

  return Container::Vertical(interactive_components)
    | yframe
    | border;
}

This approach maintains the interactivity of the inner components in the list, but the list doesn't react to changes to the dynamic data anymore. Thus, adding or removing data from the dynamic data does not make the DynamicListComponent re-execute the code to construct the interactive components list to reflect the change.

Is there any simple way to have both a dynamic list as well as inner components' interactivity with just "functional components" as shown above?

I really like FTXUI, but I've run into some issues that are not conducive to productivity.

The first is the selection of text, in FTXUI I can't seem to select and copy text in the TUI by mouse movement, which makes me have to type based on what I see when I need text in TUI.

Secondly, there is no word skipping ability, in many terminals (I use Windows terminal, ubuntu terminal and mac terminal) can quickly move the cursor in the text via CTRL+Left/RightArrow key, which seems impossible to do in FTXUI (I did not see the relevant content in the Input component documentation), which will reduce the input efficiency when using the input component (if you need to move the cursor frequently)

I don't know if these two features will be implemented, but either way, thank you very much for developing such an awesome project❤️