@mrmydlo: Masakrycznie. Ale czasem zajrzę coś przeczytać albo o coś zapytać.

@pilot1123: Wymienię na bitcony.

wklej początek kodu wygenerowanego przez twój bundler tak pierwsze 100 znaków

@lobo:

(function(l, r) { if (l.getElementById('livereloadscript')) return; r = l.createElement('script'); r.async = 1; r.src = '//' + (window.location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1'; r.id = 'livereloadscript'; l.getElementsByTagName('head')[0].appendChild(r) })(window.document);
var app = (function () {
'use strict';

function noop() { }
function add_location(element, file, line, column, char) {
element.__svelte_meta = {
loc: { file, line, column, char }
};
}
function run(fn) {
return fn();
}
function blank_object() {
return Object.create(null);
}
function run_all(fns) {
fns.forEach(run);
}
function is_function(thing) {
return typeof thing === 'function';
}
function safe_not_equal(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
}
function is_empty(obj) {
return Object.keys(obj).length === 0;
}

function append(target, node) {
target.appendChild(node);
}
function insert(target, node, anchor) {
target.insertBefore(node, anchor || null);
}
function detach(node) {
node.parentNode.removeChild(node);
}
function element(name) {
return document.createElement(name);
}
function text(data) {
return document.createTextNode(data);
}
function space() {
return text(' ');
}
function attr(node, attribute, value) {
if (value == null)
node.removeAttribute(attribute);
else if (node.getAttribute(attribute) !== value)
node.setAttribute(attribute, value);
}
function children(element) {
return Array.from(element.childNodes);
}
function custom_event(type, detail) {
const e = document.createEvent('CustomEvent');
e.initCustomEvent(type, false, false, detail);
return e;
}

let current_component;
function set_current_component(component) {
current_component = component;
}

const dirty_components = [];
const binding_callbacks = [];
const render_callbacks = [];
const flush_callbacks = [];
const resolved_promise = Promise.resolve();
let update_scheduled = false;
function schedule_update() {
if (!update_scheduled) {
update_scheduled = true;
resolved_promise.then(flush);
}
}
function add_render_callback(fn) {
render_callbacks.push(fn);
}
let flushing = false;
const seen_callbacks = new Set();
function flush() {
if (flushing)
return;
flushing = true;
do {
// first, call beforeUpdate functions
// and update components
for (let i = 0; i < dirty_components.length; i += 1) {
const component = dirty_components[i];
set_current_component(component);
update(component.$$);
}
set_current_component(null);
dirty_components.length = 0;
while (binding_callbacks.length)
binding_callbacks.pop()();
pokaż całość

strict: false

@lobo: Dałem to w:

export default {
input: 'src/main.js',
output: {
sourcemap: true,
format: 'iife',
name: 'app',
file: 'public/build/bundle.js',
strict: false
},

i działa mexp.eval("1/2").

@pomarancza_: To jest domyślne zachowanie. Scrollbar wtedy pojawia się i znika, ale jak znika, to nie zajmuje miejsca, treść zmienia przez to szerokość.
Dlatego chcę coś, co pozostawi margines szerokości scrollbar-a, gdy scrollbar znika.

Mogę obserwować czy treść się "przelewa" i dodawać ten margines dynamicznie, gdy znika scrollbar. Metoda pobrania szerokości scrollbara też jest mi znana.

Ale pytam o rozwiązanie bez JS. pokaż całość

@pomarancza_: W JS mam takie coś, no ale chodzi czy da się bez JS i ewentualnie trzeba by zgłosić dodatkowe właściwości do CSS overflow, np. overflow: auto-margin;, która by robiła to samo. Nie wykluczone że podobna propozycja gdzieś istnieje, tylko nie znam nazwy.

`function getScrollbarWidth () {
// Creating invisible container
const outer = document.createElement('div');
outer.style.visibility = 'hidden';
outer.style.overflow = 'scroll'; // forcing scrollbar to appear
outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
document.body.appendChild(outer);

// Creating inner element and placing it in the container
const inner = document.createElement('div');
outer.appendChild(inner);

// Calculating difference between container's full width and the child width
const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth);

// Removing temporary elements from the DOM
outer.parentNode.removeChild(outer);

return scrollbarWidth;
}

var styleElem = document.head.appendChild(document.createElement("style"));
styleElem.innerHTML =
.scrollbarWidthMargin::after {
content: "";
padding-right: ${ getScrollbarWidth() }px;
}
;

const resizeObserver = new ResizeObserver(entries => {
for (let {target} of entries) {
if( target.clientHeight < target.scrollHeight) {
target.classList.remove("scrollbarWidthMargin");
} else {
target.classList.add("scrollbarWidthMargin");
}
}
});
resizeObserver.observe(document.body);` pokaż całość

@lionbest: Podaj przykład jaka tam jest składnia na to.

@w2kn2e: no dzięki gro, tego klocka tam potrzebowałem. :D

A tak to wcześniej pobiłem poprzedni rekord - do 36 tys.

źródło: Screenshot_2020-11-13 2048(2).png