mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Scroll all inputs into view when clicking Advanced options in gas edit modal
This commit is contained in:
parent
d403644e59
commit
191a52f0e7
@ -1,4 +1,4 @@
|
|||||||
import React, { useContext, useState } from 'react';
|
import React, { useContext, useLayoutEffect, useRef, useState } from 'react';
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
|
||||||
@ -70,6 +70,8 @@ export default function EditGasDisplay({
|
|||||||
txParamsHaveBeenCustomized,
|
txParamsHaveBeenCustomized,
|
||||||
}) {
|
}) {
|
||||||
const t = useContext(I18nContext);
|
const t = useContext(I18nContext);
|
||||||
|
const scrollRef = useRef(null);
|
||||||
|
|
||||||
const isMainnet = useSelector(getIsMainnet);
|
const isMainnet = useSelector(getIsMainnet);
|
||||||
const networkAndAccountSupport1559 = useSelector(
|
const networkAndAccountSupport1559 = useSelector(
|
||||||
checkNetworkAndAccountSupports1559,
|
checkNetworkAndAccountSupports1559,
|
||||||
@ -87,6 +89,12 @@ export default function EditGasDisplay({
|
|||||||
showAdvancedInlineGasIfPossible,
|
showAdvancedInlineGasIfPossible,
|
||||||
);
|
);
|
||||||
|
|
||||||
|
useLayoutEffect(() => {
|
||||||
|
if (showAdvancedForm && scrollRef.current) {
|
||||||
|
scrollRef.current.scrollIntoView();
|
||||||
|
}
|
||||||
|
}, [showAdvancedForm]);
|
||||||
|
|
||||||
const dappSuggestedAndTxParamGasFeesAreTheSame = areDappSuggestedAndTxParamGasFeesTheSame(
|
const dappSuggestedAndTxParamGasFeesAreTheSame = areDappSuggestedAndTxParamGasFeesTheSame(
|
||||||
transaction,
|
transaction,
|
||||||
);
|
);
|
||||||
@ -285,6 +293,7 @@ export default function EditGasDisplay({
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
<div ref={scrollRef} className="edit-gas-display__scroll-bottom" />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -67,4 +67,9 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__scroll-bottom {
|
||||||
|
margin-bottom: -20px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user