particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix popover visibility

Browse source 
DDF wizard and popover has some issues with visibility, this is a quick hack so we should try fix it a bit nicer, but for time being it's fine
This commit is contained in:
Karel Hala 2021-06-10 17:50:13 +02:00 • committed by Sanne Raymaekers
parent 0c7a1500ec
commit 9a56b859ef
6 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Components/CreateImageWizard/formComponents/RadioWithPopover.js
View file

@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
const RadioWithPopover = ({ Popover, ...props }) => {
const ref = useRef();
return <Radio { ...props } label={ <span ref={ ref } className="ins-c-image--builder__popover">{props.label}
<Popover appendTo={ ref?.current } />
<Popover />
</span> } />;
};

2
src/Components/CreateImageWizard/formComponents/TargetEnvironment.js
View file

@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
import { FormGroup, Tile, Grid, GridItem } from '@patternfly/react-core';
import { FormGroup, Tile } from '@patternfly/react-core';
import './TargetEnvironment.scss';
const TargetEnvironment = ({ label, isRequired, ...props }) => {