IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-30 00:08:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

azuremonitor: fix autocomplete menu height

Browse Source
This commit is contained in:
Alexander Zobnin
2019-02-06 13:19:17 +03:00
parent 181b4f9e80
commit 4caea91164
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/query_field.tsx
+9 -3
View File
@@ -105,7 +105,7 @@ class QueryField extends React.Component<any, any> {
this.setState({ value }, () => {
if (changed) {
// call typeahead only if query changed
window.requestAnimationFrame(this.onTypeahead);
requestAnimationFrame(() => this.onTypeahead());
this.onChangeQuery();
}
});
@@ -283,12 +283,18 @@ class QueryField extends React.Component<any, any> {
const rect = node.parentElement.getBoundingClientRect();
const scrollX = window.scrollX;
const scrollY = window.scrollY;
const screenHeight = window.innerHeight;
const menuLeft = rect.left + scrollX - 2;
const menuTop = rect.top + scrollY + rect.height + 4;
const menuHeight = screenHeight - menuTop - 10;
// Write DOM
requestAnimationFrame(() => {
menu.style.opacity = 1;
menu.style.top = `${rect.top + scrollY + rect.height + 4}px`;
menu.style.left = `${rect.left + scrollX - 2}px`;
menu.style.top = `${menuTop}px`;
menu.style.left = `${menuLeft}px`;
menu.style.maxHeight = `${menuHeight}px`;
});
}
};