#

web

Web development projects and applications

WebBitrix sale.order.ajax: Persist API Recalculated Prices

Learn how to ensure external API recalculated prices persist to orders in custom bitrix:sale.order.ajax templates using OnSaleOrderBeforeSaved, OnSaleComponentOrderCreated events, RECREATE_ORDER flag, and server-side handlers for D7 Order/Basket.

1 answer• 1 view
WebFix Bootstrap Collapse Stuck in Collapsing State

Troubleshoot and fix Bootstrap collapse stuck in 'collapsing' state, failing to hide. Covers duplicate JS, position absolute, floats, event handlers, and initialization issues for reliable Bootstrap navbar collapse and Bootstrap 3 collapse fixes.

1 answer• 1 view
WebZapier OAuth 2.0: Fix 404 on Redirect URI Mismatch

Fix Zapier OAuth 2.0 404 errors: ensure redirect_uri matches exactly, perform the code-to-token exchange, and set the token request in Zapier for private apps.

1 answer• 2 views
WebFix Oxwall PHP 8.3 Validation Fails on Paste Error

Resolve Oxwall form validation failing on PHP 8.3 when pasting text. 'Please fill the form properly' error due to invisible Unicode characters. Robust server-side fixes, code examples for RequiredValidator, trim/mb_strlen issues, and client-side paste handlers.

1 answer• 1 view
WebTrigger CSS Fade-In Animation with JavaScript on Page Load & Link Click

Learn how to trigger a CSS fade-in animation using JavaScript on initial page load and when specific links are clicked. Fix common issues with DOMContentLoaded and event delegation.

1 answer• 1 view
WebFix CSS/Tailwind Scroll Snap with Sticky Header & Expandable Cards

Resolve CSS/Tailwind scroll snapping issues for expandable cards with a sticky header. Learn why it fails and implement `scroll-padding-top` for perfect alignment.

1 answer• 1 view
WebJAWS Screen Reader Focus Management After Redirect

Fix JAWS screen reader reading entire page after redirect when focus is set to heading. Learn proper focus management techniques for web accessibility.

1 answer• 1 view
WebHow CSS Negative Margins Work in the Box Model

Understand how CSS negative margins alter the box model, causing elements to overlap. Learn the underlying mechanism with examples and practical applications.

1 answer• 1 view
WebAngular editable table with dynamic rows and columns

Build an Angular editable table using Reactive Forms (FormArray). Model dynamic tenants and bill types and recompute row and column totals instantly on input.

1 answer• 1 view
WebHow to Make a Div Not Larger Than Its Contents

Learn CSS techniques to make a div fit its content width, like inline-block, display: table, or width: fit-content. Perfect for wrapping tables without expanding. Includes browser support and examples.

1 answer• 6 views
WebFix SVG Text Editor: Partial Formatting with tspan

Fix JavaScript SVG text editor issues where formatting applies to entire elements instead of selections. Use tspan for partial styling, prevent text collapse, with step-by-step code using Selection API.

1 answer• 12 views
WebMost Efficient JS Clone Object: Deep Clone Guide

Learn the most efficient way to deep clone objects in JavaScript with structuredClone(). Beats JSON.parse(JSON.stringify()) on speed, handles circular refs. Compare Lodash cloneDeep, performance benchmarks, and best practices for js clone object.

1 answer• 6 views
WebGet Current URL in JavaScript: window.location.href

Learn how to get the full current URL in JavaScript using window.location.href and document.URL. Capture on page load, parse parts like protocol, host, pathname, search, hash with examples and pitfalls.

1 answer• 4 views