The Swiss missed a penalty to go 2-0 up but fought back from 3-1 down to force extra time thanks to Mario Gavranovic's last-minute leveller.

Switzerland won the shootout after they found the net with all five of their spot-kicks, before Yann Sommer saved French star Kylian Mbappe's decisive penalty.

There had earlier been drama in the other match played today as Spain scored twice in the first half of extra time to beat Croatia in an eight-goal thriller.

Switzerland, through to their first major quarter-final since 1954, will play Spain in Saint Petersburg on Friday (July 2).

France, the pre-tournament favourites, fell behind when Haris Seferović headed into the corner after 15 minutes at Arena Națională in Bucharest.

Switzerland had a golden chance to double their lead and potentially put the match beyond France after the restart but Hugo Lloris saved Ricardo Rodríguez's penalty.

Rodríguez's side found themselves behind barely two minutes later as Karim Benzema scored twice to put France ahead, the second coming after a lovely move involving Mbappe and Antoine Griezmann.

Paul Pogba's superb strike from distance looked to have settled proceedings but, as Croatia had done earlier, Switzerland launched a stirring comeback.

Seferović converted Kevin Mbabu's pinpoint cross to give Switzerland hope before Gavranovic produced a moment of magic and fired home an unstoppable drive in the 90th minute.

Kingsley Coman almost won it for France as he hit the bar with the last kick of the game, and penalties seemed inevitable throughout the extra 30 minutes.

In a high-quality shoot-out, Switzerland were perfect and Mbappe was not - his effort comfortably palmed away by Sommer, who led the jubilant Swiss celebrations.

Alvaro Morata's strike and Mikel Oyarzabal's low effort in the additional period gave Spain, who had earlier conceded a calamitous own goal, a 5-3 victory over Croatia.

Croatia forced extra time with two goals in the last five minutes as they came back from the brink of defeat to salvage a 3-3 draw at Parken Stadium in Copenhagen.

But Spain, who won back-to-back European Championships in 2008 and 2012, proved too strong in extra time to progress to the last eight.

Croatia went ahead in bizarre fashion as Spain goalkeeper Unai Simon inadvertently allowed a backpass to run underneath his foot and into the net after 19 minutes.

Spain equalised through Pablo Sarabia, who reacted quickest to fire home a rebound after Dominik Livaković parried the ball back into the area.

César Azpilicueta put Spain in front when he converted the excellent Ferran Torres' cross and the former world champions looked to have sealed the deal when Torres added a third.

But Croatia were not beaten yet and were given hope when Mislav Oršić scored from close range, the goal given after referee Cuneyt Cakır's watch indicated his effort had crossed the line.

Substitute Oršić then turned provider for Mario Pašalić, whose header sparked delirium among the considerable Croatian contingent inside the stadium.

Spain seized control in extra time as Morata lashed the ball beyond Livaković 10 minutes in, before Oyarzabal's shot squirmed past the Croatian goalkeeper and into the bottom corner.

Victory handed Spain their first knockout win since they won Euro 2012 and saw them become the first team to score five goals in consecutive matches at the event.