Appearance
Release notes Web Framework 5 release candidate
For more information about release candidates, see Release Candidates.
5.0.0-rc.5 2026-07-21
Breaking changes
- The
insetsoption has been moved fromIRendererOptionstoIReaderViewOptions.contentDisplayAreaOptions.
New features
- Added the new option
IPublicationStyleOptions.hyphens. This option determines how words should be hyphenated when text wraps across multiple lines. - Added the new option
IEpubRemoteResourceOptions.iframeDomainsToRenderAsOverlaythat allows embedded iframes to render as an overlay on top of the publication content. This prevents some third-party websites, such as youtube.com, from blocking their content due to missingRefererheader. - The
insetsoption is now fully supported by all renderers. You set it usingIReaderViewOptions.contentDisplayAreaOptions.insets. - Added the new method
IVisiblePage.fetchBoundingClientRectForContentLocation(). It returns a singleDOMRect, in application viewport coordinates, that encompasses a given content location, ornullwhen the location targets non-rendered content. UnlikefetchRectsForVisibleContent, which returns one rectangle per rendered leaf, this returns a single combined rectangle.
Bugfixes
- Fixed an issue where Reader View annotations using
mix-blend-mode: multiplysometimes appeared opaque instead of blending with the background in PDFs on the desktop version of Safari 26. - Fixed an issue where you couldn't pinch zoom if you tried to do it in the margins around the publication.
- Fixed some corner-case issues where publication content could be cut off at the end in scroll renderers.
- Fixed an issue where page navigation swipe gestures failed to trigger when initiated over a scrollable container that had reached its scroll limits.
- Fixed an issue where scripted documents consuming touch events by calling
event.preventDefault()did not prevent the swipe navigation gesture in paginated renderers. - Fixed a rendering bug where inline MathML was forced onto its own line in paginated renderers instead of remaining inline as in scroll renderers.
- Fixed an issue where attaching a
SyncMediaPlayerto aReaderViewwith theSYNC_MEDIA_SEEKmethod could navigate the view to the player's position instead of seeking the player to the current reading position. - Fixed an issue where a
<video>element that set only awidthor only aheightattribute could be rendered with the other dimension as 0. Missing video dimensions are now derived from the video's intrinsic aspect ratio, and videos with no available metadata no longer render at an excessive size in scroll renderers. - Fixed an issue where enabling
removePublicationDefinedHorizontalPageMarginscould leave content left-aligned and narrower than the available width when a publication used a constrained width with auto margins (e.g.max-widthwithmargin: 0 auto) to center its content. - Fixed an issue where scripts in sandboxed EPUB content could not resolve relative URLs because
Node.baseURIdid not reflect the content document's URL. - Fixed an issue where audio created with the
new Audio()constructor in sandboxed EPUB content failed to load and play. - Fixed an issue where reflowable images without explicit
width/heightattributes could stay locked to the narrower pre-margin width and fail to expand to the full content width afterremovePublicationDefinedHorizontalPageMarginsremoved the page margins. - Fixed an issue where custom color palettes were not applied to publications that define colors using CSS custom properties (e.g.
background-color: var(--x)), which could leave backgrounds transparent and text rendered in an incorrect color. - Fixed an issue where an embedded
<iframe>(such as a YouTube embed) in a reflowable document could overflow horizontally when the viewport was narrower than the iframe's authored width; the iframe is now scaled down to fit the available width while preserving its aspect ratio.
5.0.0-rc.4 2026-04-21
Bugfixes
- Fixed an issue where EPUB locators were occasionally inaccurate near focused content when calling
IReaderView.focusOnReadingPositionwithfocusTargetset toNEAREST_SENTENCE,NEAREST_WORD, orNEAREST_CHARACTER.
5.0.0-rc.3 2026-04-02
New features
Added support for publications utilizing CSS nesting.
Introduced explicit focus targeting for
IReaderView.focusOnReadingPosition. You can now select the nearest element, character, word, or sentence, significantly improving precision for accessibility and reading-position workflows.Added a new
insetsoption toIRendererOptionsthat allows you to add extra padding inside the renderer's scrolling container. This is useful for ensuring content can be scrolled comfortably below system UI elements, such as the device notch or status bars on iOS and Android.Note: This option is experimental and its behavior might change before the final
5.0.0release.Upgraded PDF.js to version
5.4.530, delivering enhanced performance and broader document compatibility.Added the
onCMapModuleRequestoption toIPdfPublicationOptions, enabling the framework to load PDF Character Map (CMap) modules on demand. This enables full text support for complex scripts and various languages while reducing the initial application bundle size.
Deprecations
- Deprecated
focusNearContentLocationinIFocusOnReadingPositionOptions. Please usefocusTargetOptionsinstead.
Improvements
- Changed the default value of
IEpubSelectorDocumentSectioningAlgorithm.minimumCharactersPerSectionfrom10000to20000. - Selectors defined in
IEpubReflowOptions.fragmentableElements.blacklistSelectorsare now also used when performing document sectioning breaks. - Elements that trigger document sectioning breaks are now marked with the attribute
data-colibrio-document-sectioning-break. The attribute value is set to eitherBEFOREorAFTERdepending on the rule that triggered the document sectioning break. - Improved the extensibility of the
WebSpeechTtsSynthesizerclass by changing the access modifiers for key playback callback methods from private to protected. This allows subclasses to override and orchestrate custom playback behavior more effectively. - Impacted methods:
onUtteranceBoundary,onUtteranceEnd, andonUtteranceError.
Bugfixes
- Fixed an issue that could cause publication content with
position: absoluteto overflow in paginated renderers without being able to scroll the content. - Resolved an issue where
:nth-pseudo-class selectors using An+B syntax like:nth-child(2n+1)sometimes were not preserved correctly. - Fixed an EPUB rendering issue where overflow mitigations could override publication-defined CSS transforms in reflowable content documents.
- Fixed several issues where selecting text in PDF documents would fail or behave unexpectedly.
5.0.0-rc.2 2026-01-23
Bugfixes
- Fixed an issue in the
ContinuousScrollRendererwhere starting your swipe action horizontally before swiping vertically would not let you scroll. - Fixed an issue where calling
IReaderView.goTotwice in quick succession (causing the first call to be aborted) could leave pages stuck in a "Loading" state or cause rendering glitches. - Fixed an issue where nested CSS
@importdeclarations used the wrong base URL. Relative URLs inside imported CSS files located in a different directory than the parent CSS file now resolve correctly. - Fixed an issue with relative URLs in
IPublicationStyleFontFace.srcUrlwhen settingpublicationStyleOptions. They now resolve against the main window's base URL. - Fixed an issue causing EPUBs with MathML to sometimes fail rendering on Chrome 108 and earlier.
5.0.0-rc.1 2025-11-14
NOTE
These release notes describe the changes since version 4.6.0
Known issues
- When rendering PDFs using a
ReaderViewElement that is inside a Shadow DOM, offscreen<canvas>elements may be added todocument.bodyinstead of the Shadow root. This will be fixed in5.0.0-rc.2.
New features
- Added the new renderer
ContinuousScrollRendererthat shows all documents in a single vertical scrolling view. - Added
ReaderView.getReadingAreaRange(). The Reading Area is a subset of the visible content that the renderer uses as the reference point for reading position calculations. Note that for paginated renderers the Reading Area range is the same as the visible range. Use thereadingAreaRangeChangedengine event to detect when this value changes.- Note: We have marked
ReaderView.getReadingAreaRange()and its corresponding listenerreadingAreaRangeChangedas experimental APIs as we may change the definition of the Reading Area based on your feedback.
- Note: We have marked
- Added support for rendering the
ReaderViewin a Shadow DOM. Previously, our styles were not reaching theviewElementif it was inside a Shadow DOM but that has now been fixed. - Added a new
ReaderView.goTo()optionscrollRendererScrollBehaviorto control how scroll renderers behave when the target position is already visible in theReaderView. - Scroll renderers can now smoothly scroll to nearby positions. The duration of the smooth scrolling can be controlled with the renderer options
scrollAnimationDurationMsandscrollAnimationMaxDistance. Please refer to the API documentation for more information. - Added a new event,
rendererScrollChanged, which is fired continuously while scroll renderers are scrolling. - It is now possible to determine whether scrolling was initiated by the user using the
rendererScrollStartedevent by inspecting theuserGeneratedproperty. - Added a new renderer option
swipeNavigationGestureThreshold. This option can be used to configure the swipe distance required to perform a swipe navigation. Additionally, swipe animations have been refined to start more smoothly. - Added a new option to
ReaderView.scrollBy()calledsetReadingPositionToReadingAreaStart. When set to true, the reading position moves to the start of the new Reading Area after scrolling, instead of staying until it leaves the visible range. This is now the default behavior ofscrollBy(). - Added support for EPUB switch/case elements.
Breaking changes
- The minimum supported browser versions have changed to:
- Safari 15
- Firefox 128
- Chrome 64
- Edge 79
- The distributed framework module files .mjs are now real ES modules instead of importing the common JS version of the module.
- Typescript definition files are now built from Typescript 5.9.3
- The distributed framework module files are now using ECMASCRIPT 2018 syntax.
- Changed the
rendererScrollStartedevent type toIRendererScrollEngineEvent ReaderView.scrollBy()now returns a Promise that resolves when the scrolling animation has finished.- The
ContainerContentBlockTypeenum entryMATHML_SUB_SUPERSCRIPTwas renamed toMATHML_SUBSUP_SCRIPTto be consistent with its value.
Changes to default options
IEpubReaderPublicationOptions.documentSectioningOptions.enabledhas changed from false to true.IReaderViewOptions.pageProgressionTimelineOptions.enabledhas changed from true to false.IReaderPublicationOptions.reflowOptions.unforcedTextBreak.widows.minLineshas changed from 3 to 2.- If you are using
PageProgressionTimeline, in addition to enabling it, you must also:- Set
IEpubReaderPublicationOptions.documentSectioningOptions.enabledto false, or - Set
IReaderViewOptions.pageProgressionTimelineOptions.forceCompleteRenditionto true
- Set
Removed old deprecated types and members
- Removed
IReaderPublicationStorage.setStorageState()andIReaderPublicationStorage.getStorageState(). Please get the storage area instead usinggetStorageArea(), then useIReaderPublicationStorageArea.setItems()andIReaderPublicationStorageArea.getItems()instead. - Removed
ISyncMediaPlayer.isPlaying(). Please use!isPaused() && isReady()instead. - Removed
IReaderView.fetchRectsForVisibleContent(). Please useIVisiblePage.fetchRectsForVisibleContent()instead. - Removed
ReadingSystemEngine.setOptions(). Pass options when callingnew ReadingSystemEngine()instead. - Removed
IReaderDocument.fetchContentBlocks(). Please useIReaderDocument.fetchContentBlockTree()instead. - Removed
IReaderDocument.fetchLocatorForContentBlockData(). Please usefetchContentBlockTree(), and useIContentBlock.getLocator()instead. - Removed the whole module
colibrio-readingsystem-indexengine. Please use the API available atReadingSystemEngine.getReaderDocumentSearch()instead.
Bugfixes
- Fixed an issue with pinch-zooming in PDFs containing many links. Previously, if one finger was on a link, pinch-zooming failed.
- Fixed an issue with publication CSS stylesheets not working on iOS 26.2 Beta 2.