indexeddb issue on iOS 18+

[vladansaracpv]

Is anyone aware of any issues regarding the ionic/storage-angular with indexeddb?

I have seen lately a lot of issues with my customers on iOS 18+.

It looks as if the storage.create method returns early - as if the storage is not properly initialized yet. Or if the db connection is being lost.

It resembles issues reported here:
https://bugs.webkit.org/show_bug.cgi?id=277615
https://bugs.webkit.org/show_bug.cgi?id=282093
https://bugs.webkit.org/show_bug.cgi?id=197050

[jmonloop]

We are not getting any errors but when storing a File on iOS and retrieving it, it gets corrupted. The metadata is kept but the internal data gets broken and the File is no longer working. When sending it within a FormData through an http request, the Content-Length header value is too small, which is a syntom of the File data being wrong.

It works when storing it on Android and Web though but can't make it work on iOS

[vladansaracpv]

We're getting these kind of errors:

Uncaught (in promise): UnknownError: Connection to Indexed Database server lost. Refresh the page to try again

Re-creating storage doesn't help, so the only solution is to restart the app

[cschoenecker]

Same bug, sometime the connection to indexed db is lost (Connection to Indexed Database server lost). I tried with a fonction to recreate the storage if this connection is lost but this doesn't work.

export async function ensureStorageConnection(maxRetries = 3, retryDelay = 1000) {
let attempts = 0;
while (attempts < maxRetries) {
try {
await feedStore.state.storage.length();
console.log("Storage connection OK");
return true;
} catch (error) {
attempts++;
console.error(Storage connection failed (attempt ${attempts}/${maxRetries}):, error.message, error.stack);
if (attempts >= maxRetries) {
console.log("Attempting to recreate storage...");
try {
const storage = new Storage({
name: 'feeds_db',
driverOrder: [Drivers.IndexedDB, Drivers.LocalStorage]
});
await storage.create();
feedStore.state.storage = storage;
console.log("Storage connection restored");
await new Promise(resolve => setTimeout(resolve, 500));
await feedStore.state.storage.length();
console.log("Storage connection verified after recreation");
return true;
} catch (recreateError) {
console.error("Failed to recreate storage:", recreateError.message, recreateError.stack);
throw new Error(Unable to restore storage connection: ${recreateError.message});
}
}
await new Promise(resolve => setTimeout(resolve, retryDelay));
}
}
}

[Tristan-Day-FOS]

I am also getting this issue. It seems to be a known IOS regression after the app enters and leaves the background. Anyone got any solutions?