MCPcopy Create free account
hub / github.com/krasimir/react-in-patterns / dangerousStyleValue

Function dangerousStyleValue

code/composition/public/app.js:15083–15104  ·  view source on GitHub ↗

* Convert a value into the proper css writable value. The style name `name` * should be logical (no hyphens), as specified * in `CSSProperty.isUnitlessNumber`. * * @param {string} name CSS property name such as `topMargin`. * @param {*} value CSS property value such as `10px`. * @return {strin

(name, value, isCustomProperty)

Source from the content-addressed store, hash-verified

15081 * @return {string} Normalized style value with dimensions applied.
15082 */
15083function dangerousStyleValue(name, value, isCustomProperty) {
15084 // Note that we've removed escapeTextForBrowser() calls here since the
15085 // whole string will be escaped when the attribute is injected into
15086 // the markup. If you provide unsafe user data here they can inject
15087 // arbitrary CSS which may be problematic (I couldn't repro this):
15088 // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
15089 // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
15090 // This is not an XSS hole but instead a potential CSS injection issue
15091 // which has lead to a greater discussion about how we're going to
15092 // trust URLs moving forward. See #2115901
15093
15094 var isEmpty = value == null || typeof value === 'boolean' || value === '';
15095 if (isEmpty) {
15096 return '';
15097 }
15098
15099 if (!isCustomProperty && typeof value === 'number' && value !== 0 && !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])) {
15100 return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers
15101 }
15102
15103 return ('' + value).trim();
15104}
15105
15106var warnValidStyle = emptyFunction;
15107

Callers 2

setValueForStylesFunction · 0.70

Calls

no outgoing calls

Tested by

no test coverage detected