jeans/arduino-ide
jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-07-08 03:46:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update the ListWidget on list container render.

Browse Source 
To recalculate the desired size of the scroll-bar thumb.

arduino/arduino-pro-ide#101

Signed-off-by: Akos Kitta <kittaakos@typefox.io>
This commit is contained in:
Akos Kitta 2019-11-13 13:55:27 +01:00
parent 186180800f
commit f6444b2570
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
arduino-ide-extension/src/browser/components/component-list/filterable-list-container.tsx
View File

@ -5,6 +5,7 @@ import { Searchable } from '../../../common/protocol/searchable';
import { Installable } from '../../../common/protocol/installable'; import { Installable } from '../../../common/protocol/installable';
import { InstallationProgressDialog } from '../installation-progress-dialog'; import { InstallationProgressDialog } from '../installation-progress-dialog';
import { SearchBar } from './search-bar'; import { SearchBar } from './search-bar';
import { ListWidget } from './list-widget';
import { ComponentList } from './component-list'; import { ComponentList } from './component-list';
import { ListItemRenderer } from './list-item-renderer'; import { ListItemRenderer } from './list-item-renderer';
@ -25,6 +26,7 @@ export class FilterableListContainer<T> extends React.Component<FilterableListCo
} }
render(): React.ReactNode { render(): React.ReactNode {
this.props.container.update(); // This will recalculate the desired dimension of the scroll-bar thumb. (See: arduino/arduino-pro-ide#101)
return <div className={'filterable-list-container'}> return <div className={'filterable-list-container'}>
{this.renderSearchFilter()} {this.renderSearchFilter()}
{this.renderSearchBar()} {this.renderSearchBar()}
@ -93,6 +95,7 @@ export class FilterableListContainer<T> extends React.Component<FilterableListCo
export namespace FilterableListContainer { export namespace FilterableListContainer {
export interface Props<T> { export interface Props<T> {
readonly container: ListWidget<T>;
readonly installable: Installable<T>; readonly installable: Installable<T>;
readonly searchable: Searchable<T>; readonly searchable: Searchable<T>;
readonly itemLabel: (item: T) => string; readonly itemLabel: (item: T) => string;

1
arduino-ide-extension/src/browser/components/component-list/list-widget.tsx
View File

@ -61,6 +61,7 @@ export abstract class ListWidget<T> extends ReactWidget {
render(): React.ReactNode { render(): React.ReactNode {
return <FilterableListContainer<T> return <FilterableListContainer<T>
container={this}
resolveContainer={this.deferredContainer.resolve} resolveContainer={this.deferredContainer.resolve}
resolveFocus={this.onFocusResolved} resolveFocus={this.onFocusResolved}
searchable={this.options.searchable} searchable={this.options.searchable}