RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 16:37:35 +00:00
Code Issues Activity Actions

LibWeb: Correctly set timing function in AnimationEffect::update_timing

Browse source 
Also pulls out the parse_easing_string function out since it will be
needed elsewhere
This commit is contained in:
Matthew Olsson 2024-02-19 19:11:05 -07:00 • committed by Andreas Kling
parent b33bb0997a
commit 62f62a0e52
3 changed files with 27 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Userland/Libraries/LibWeb/Animations/AnimationEffect.cpp
View file

@ -9,6 +9,7 @@
#include <LibWeb/Animations/AnimationEffect.h>
#include <LibWeb/Animations/AnimationTimeline.h>
#include <LibWeb/Bindings/Intrinsics.h>
#include <LibWeb/CSS/Parser/Parser.h>
#include <LibWeb/DOM/Element.h>
#include <LibWeb/WebIDL/ExceptionOr.h>
@ -181,8 +182,14 @@ WebIDL::ExceptionOr<void> AnimationEffect::update_timing(OptionalEffectTiming ti
m_playback_direction = timing.direction.value();
// - easing → timing function
if (timing.easing.has_value())
if (timing.easing.has_value()) {
m_easing_function = timing.easing.value();
if (auto timing_function = parse_easing_string(realm(), m_easing_function)) {
m_timing_function = TimingFunction::from_easing_style_value(timing_function->as_easing());
} else {
m_timing_function = Animations::linear_timing_function;
}
}
if (auto animation = m_associated_animation)
animation->effect_timing_changed({});
@ -580,6 +587,20 @@ Optional<double> AnimationEffect::transformed_progress() const
return m_timing_function(directed_progress.value(), before_flag);
}
RefPtr<CSS::StyleValue const> AnimationEffect::parse_easing_string(JS::Realm& realm, StringView value)
{
auto maybe_parser = CSS::Parser::Parser::create(CSS::Parser::ParsingContext(realm), value);
if (maybe_parser.is_error())
return {};
if (auto style_value = maybe_parser.release_value().parse_as_css_value(CSS::PropertyID::AnimationTimingFunction)) {
if (style_value->is_easing())
return style_value;
}
return {};
}
AnimationEffect::AnimationEffect(JS::Realm& realm)
: Bindings::PlatformObject(realm)
{