Limitations of FiveM’s embedded browser (CEF)

#The list

#Glass effects without backdrop-filter

Frosted glass panels are the most common casualty. Instead of blurring what is behind the panel, use a dark, mostly opaque background with a subtle border. It reads the same at game resolution and costs nothing.

.panel {
  background: rgba(12, 12, 16, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}

#Opening links

function openExternal(url) {
  if (window.invokeNative) window.invokeNative('openUrl', url);
  else window.open(url, '_blank'); // normal browser during development
}

The same helper works on loading screens — see interactive loading screens.

#Copying to the clipboard

function copyText(text) {
  const el = document.createElement('textarea');
  el.value = text;
  el.style.position = 'fixed';
  el.style.opacity = '0';
  document.body.appendChild(el);
  el.select();
  document.execCommand('copy');
  el.remove();
}

execCommand is deprecated on the open web, but it is the approach that works reliably inside NUI for things like copying coordinates or a Discord invite.

#Checking what the browser supports

Open the NUI devtools and run navigator.userAgent to see the Chromium version your players have, or use CSS.supports('property', 'value') for a specific feature. Debugging steps: NUI devtools.